https://github.com/maklonfr/diskon-app
Aplikasi Perhitungan Diskon Sederhana dengan HTML, CSS dan Javascript
https://github.com/maklonfr/diskon-app
discount-app html-css-javascript vscode
Last synced: 7 months ago
JSON representation
Aplikasi Perhitungan Diskon Sederhana dengan HTML, CSS dan Javascript
- Host: GitHub
- URL: https://github.com/maklonfr/diskon-app
- Owner: MaklonFR
- Created: 2025-03-09T05:50:13.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-09T05:56:38.000Z (7 months ago)
- Last Synced: 2025-03-09T06:26:02.669Z (7 months ago)
- Topics: discount-app, html-css-javascript, vscode
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Aplikasi Perhitungan Diskon
## 📌 Deskripsi
Aplikasi Perhitungan Diskon adalah sebuah aplikasi berbasis web yang digunakan untuk menghitung harga akhir suatu barang setelah diberikan diskon. Pengguna dapat memasukkan nama barang, kategori, harga awal, dan persentase diskon, lalu aplikasi akan menampilkan harga setelah diskon secara otomatis.
## 🚀 Fitur Utama
- Input nama barang dan kategori barang.
- Input harga awal barang.
- Input persentase diskon.
- Menghitung nilai diskon dan total harga setelah diskon.
- Menampilkan hasil perhitungan.
- Fitur reset untuk menghapus input.
- Tombol kembali untuk mengulang perhitungan.
## 📂 Struktur Folder
```
📁 diskon-app
│── 📂 css
│ └── style.css # File CSS untuk desain aplikasi
│── 📂 js
│ └── script.js # File JavaScript untuk logika perhitungan
│── index.html # File utama aplikasi
│── README.md # Dokumentasi proyek
```
## 🔧 Cara Penggunaan
1. **Buka file `index.html`** di browser.
2. **Masukkan nama barang** pada kolom yang tersedia.
3. **Masukkan kategori barang** (misalnya: Elektronik, Pakaian, dll).
4. **Masukkan harga barang** dalam angka.
5. **Masukkan nilai diskon** dalam persen (%).
6. **Klik tombol "Hitung"** untuk mendapatkan hasil perhitungan.
7. **Hasil perhitungan akan ditampilkan** dalam bentuk nilai diskon dan harga akhir setelah diskon.
8. **Gunakan tombol "Bersih"** untuk menghapus input dan memulai perhitungan baru.
9. **Gunakan tombol "Kembali"** untuk kembali ke form input.
## 🖥️ Teknologi yang Digunakan
- **HTML** → Struktur halaman.
- **CSS** → Desain tampilan.
- **JavaScript** → Logika perhitungan diskon.
## 📜 Lisensi
Proyek ini dibuat untuk tujuan edukasi dan dapat digunakan secara bebas.
---
✨ Dibuat dengan ❤️ untuk membantu perhitungan diskon lebih mudah! 🚀
## Link Youtube Tutorial:
https://www.youtube.com/watch?v=rdSPywx1Brs