Selamat datang di proyek Kalkulator Sederhana! 🎉 Kalkulator berbasis web ini menggabungkan desain modern dengan fungsionalitas praktis, memungkinkan Anda melakukan perhitungan matematika dengan gaya. 🚀
- Header Dinamis: Judul kalkulator yang menonjol dengan animasi pembesaran dan pengecilan yang menarik. 📈📉
- Background Berubah: Latar belakang yang cerah dan berwarna, berganti-ganti setiap beberapa detik untuk memberikan tampilan segar dan dinamis. 🌈✨
- Efek Inner Shadow: Kalkulator memiliki inner shadow yang menciptakan tampilan 3D, membuatnya lebih mencolok dan menarik. 🕶️
- Fungsionalitas Lengkap: Dukungan untuk operasi matematika dasar seperti penjumlahan, pengurangan, perkalian, dan pembagian. 🔢
File HTML ini adalah fondasi dari kalkulator kita:
- Header: Menampilkan judul yang memukau dengan animasi.
- Calculator: Tempat Anda dapat melakukan perhitungan dengan tampilan yang intuitif.
- Watermark: Menandakan karya dari DavidMarioYS dengan bangga. 🎨
File CSS ini menambahkan gaya dan desain yang membuat kalkulator terlihat hebat:
- Body: Mengatur background dinamis yang berubah warna setiap 5 detik. 🌟
- Header: Menggunakan animasi untuk membuat teks header bergerak dengan cara yang menawan. 🔄
- Calculator: Menerapkan efek inner shadow untuk menonjolkan kalkulator. 💫
- Buttons: Memastikan tombol-tombol terlihat stylish dan responsif.
Logika cerdas di balik kalkulator:
-
Fungsi Kalkulator:
clearDisplay(): Menghapus tampilan untuk memulai perhitungan baru. 🧹deleteLast(): Menghapus karakter terakhir jika ada kesalahan. ❌appendNumber(number): Menambahkan angka ke tampilan kalkulator. 🔢appendOperator(operator): Menambahkan operator matematika. ➕➖calculate(): Menilai ekspresi dan memberikan hasil. 🎯
-
Fungsi Background:
changeBackgroundColor(): Mengubah warna background setiap 5 detik, memastikan tampilan tetap segar. 🎨
-
Clone Repository: Ambil kode ini dengan perintah berikut:
git clone <url-repository>
-
Buka File: Cukup buka
index.htmldi browser favorit Anda dan nikmati kalkulator yang stylish! 🌐 -
Interaksi: Gunakan tombol-tombol pada kalkulator untuk melakukan perhitungan matematika dengan cepat dan mudah. 💻
- HTML: Struktur halaman web dengan elemen kalkulator.
- CSS: Gaya dan desain, termasuk animasi dan efek visual.
- JavaScript: Logika kalkulator dan pengaturan background yang dinamis.
Semoga kalkulator ini memberikan manfaat dan kemudahan dalam perhitungan Anda!