Site live at:https://stairlanggapw.github.io/Calculator/

Calculator Web App

Aplikasi kalkulator sederhana dengan tampilan modern menggunakan HTML, CSS, dan JavaScript.

📋 Fitur

• ➕ Penjumlahan
• ➖ Pengurangan
• ✖️ Perkalian
• ➗ Pembagian
• 🔄 Clear (C) - Hapus semua
• ⌫ Backspace (←) - Hapus digit terakhir
• = Hasil perhitungan

📁 Struktur File

calculator/
├── index.html      # File HTML utama
├── style.css       # File CSS untuk styling
├── script.js       # File JavaScript untuk logika
└── README.md       # File dokumentasi ini

🚀 Cara Menggunakan

1. Buka file index.html di browser Anda
2. Klik tombol angka untuk memasukkan bilangan
3. Klik operator (+, -, ×, ÷) untuk melakukan operasi
4. Klik tombol = untuk melihat hasil
5. Klik C untuk menghapus semua (reset)
6. Klik ← untuk menghapus digit terakhir

Contoh Penggunaan:

5 + 3 = 8
10 × 2 = 20
100 ÷ 4 = 25
50 - 15 = 35

🎨 Desain

• Background: Gradient pink (#fadede)
• Efek Glassmorphism: Dengan blur effect
• Responsive: Desain yang clean dan modern
• Font: Dosis (sans-serif)

💻 Teknologi

• HTML5: Struktur dokumen
• CSS3: Styling dengan backdrop-filter dan glassmorphism
• JavaScript (Vanilla): Logika perhitungan

📝 Fitur JavaScript

• Mendeteksi input tombol angka dan operator
• Menyimpan operasi sebelumnya
• Melakukan perhitungan bertingkat
• Update display screen secara real-time

🔧 Setup

Tidak ada instalasi atau dependensi yang diperlukan. Cukup buka file HTML di browser.

Requirements:

• Browser modern (Chrome, Firefox, Safari, Edge)
• File HTML, CSS, dan JS dalam satu folder

⚠️ Catatan Penting

• Semua file harus berada di folder yang sama
• Path file CSS: <link rel="stylesheet" href="style.css">
• Path file JS: <script src="script.js"></script>

Jika file tidak ditemukan, cek Developer Tools (F12) → Console untuk melihat error message.

🐛 Troubleshooting

Masalah: Tombol tidak bekerja

• Solusi: Pastikan semua file (HTML, CSS, JS) berada di folder yang sama

Masalah: CSS tidak ter-load

• Solusi: Buka DevTools (F12) → Network tab, pastikan style.css status 200

Masalah: Perhitungan salah

• Solusi: Refresh browser dan coba lagi

📧 Kontak & Support

Jika ada pertanyaan atau bug, silahkan buat issue atau hubungi developer.

---

Versi: 1.0
Last Updated: January 2026