Skip to content

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Kalkulator Sederhana

Selamat datang di proyek Kalkulator Sederhana! 🎉 Kalkulator berbasis web ini menggabungkan desain modern dengan fungsionalitas praktis, memungkinkan Anda melakukan perhitungan matematika dengan gaya. 🚀

🌟 Fitur Utama

  • 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. 🔢

📁 Struktur Proyek

1. index.html

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. 🎨

2. styles.css

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.

3. script.js

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. 🎨

🚀 Cara Menggunakan

  1. Clone Repository: Ambil kode ini dengan perintah berikut:

    git clone <url-repository>
  2. Buka File: Cukup buka index.html di browser favorit Anda dan nikmati kalkulator yang stylish! 🌐

  3. Interaksi: Gunakan tombol-tombol pada kalkulator untuk melakukan perhitungan matematika dengan cepat dan mudah. 💻

🛠 Teknologi yang Digunakan

  • 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!


About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages