https://github.com/maklonfr/simple-calculator-app

Aplikasi Kalkulator Sederhana dengan HTML, CSS dan Javascript
https://github.com/maklonfr/simple-calculator-app

css3 html5 javascript live-server vscode

Last synced: 7 months ago
JSON representation

Aplikasi Kalkulator Sederhana dengan HTML, CSS dan Javascript

• Host: GitHub
• URL: https://github.com/maklonfr/simple-calculator-app
• Owner: MaklonFR
• Created: 2025-03-09T11:31:06.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-03-09T12:13:53.000Z (7 months ago)
• Last Synced: 2025-03-09T12:25:38.552Z (7 months ago)
• Topics: css3, html5, javascript, live-server, vscode
• Language: HTML
• Homepage: https://simple-calculator-app-nine.vercel.app
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Aplikasi Kalkulator Sederhana

![image](https://github.com/user-attachments/assets/7d51a959-ed71-4ed6-bb82-6ff9e29ee788)

## 📌 Deskripsi

Aplikasi Kalkulator Sederhana adalah aplikasi berbasis web yang memungkinkan pengguna untuk melakukan operasi matematika dasar seperti penjumlahan, pengurangan, perkalian, dan pembagian.

## 🚀 Fitur Utama

- Input dua angka untuk perhitungan.

- Memilih operator matematika (+, -, ×, ÷).

- Menghitung hasil operasi berdasarkan input.

- Fitur reset untuk menghapus input dan hasil perhitungan.

## 📂 Struktur Folder

```

📁 simple-calculator-app

│── 📂 css

│   └── style.css  # File CSS untuk desain aplikasi

│── 📂 js

│   └── script.js  # File JavaScript untuk logika kalkulasi

│── index.html     # File utama aplikasi

│── README.md      # Dokumentasi proyek

```

## 🔧 Cara Penggunaan

1. **Buka file `index.html`** di browser.

2. **Masukkan angka pertama** di kolom yang tersedia.

3. **Pilih operator** (+, -, ×, ÷).

4. **Masukkan angka kedua** di kolom yang tersedia.

5. **Klik tombol "Hitung"** untuk mendapatkan hasil.

6. **Hasil perhitungan akan ditampilkan**.

7. **Gunakan tombol "Bersih"** untuk menghapus input dan hasil.

## 🖥️ Teknologi yang Digunakan

- **HTML** → Struktur halaman.

- **CSS** → Desain tampilan.

- **JavaScript** → Logika perhitungan.

## 📜 Lisensi

Proyek ini dibuat untuk tujuan edukasi dan dapat digunakan secara bebas.

---

✨ Dibuat dengan ❤️ untuk mempermudah perhitungan dasar! 🚀

## Link Youtube Tutorial:

https://www.youtube.com/watch?v=yiv7dlHZa5Q