Cara Menghitung Harga Diskon Dengan Htmlcss Dan Javascript

Hallo sahabat learning , sekarang Saya akan membahas bagaimana sih membuat web yang bisa menghitung harga diskon ?, Nah ayo kita mulai.

Sebelum melanjutkan ke materi Saya akan menjelaskan terlebih dahulu apa itu diskon, Diskon adalah potongan harga pada barang yang di jual.

Hal yang harus di pahami terlebih dahulu sebelum melanjutkan ke materi yaitu bagimana cara menghitung diskon ? Cara menghitung diskon yang dengan persen di bagi 100 contoh : (30/100) lalu di kalikan dengan harga barang lalu jumlah kan setelah di jumlahkan di kurangi dengan harga barang dan hasil itu adalah harga yang harus di bayar. Untuk lebih jelas sekarang melanjutkan ke souce code nya.

Tampilan atau Review

Source Code dan Penjelasannya

<<>title>Hitung Diskontitle> /* Membuat border / box */ /* Mengatur Maxsimal Ukuran*/ /* Mengatur margin kiri*/ /* Ukuran border 4px solid warna abu”*/ border-radius: 10px 10px; /* Ukuran border 4px solid warna abu”*/ /* text di pindahkan ke tengah */ background-color: lightblue; /* background warna biru cerah */ <<>h1> PENGHITUNGAN DISKON h1> <<>input type=”text” name=”harga”> <<>input type=”text” name=”persen”> <<>input type=”button” name=”cek” value=”CEK” onclick=”Cek_Diskon();”> <<>input type=”text” name=”hasil”> <<>script type=”text/javascript”> // Membuat function bernama Cek_Diskon var harga = document.Diskon.harga.value; // Mengambil nilai input bernama harga yang berada pada form bernama Diskon var persen = document.Diskon.persen.value; // Mengambil nilai input bernama persen yang berada pada form bernama Diskon // Merubah data string menjadi integer persen = parseInt(persen); // Merubah data string menjadi integer var hasil = harga * (persen/100); // Penghitungan nya (Persen/100) lalu kali harga hasil = harga – parseInt(hasil); // lalu hasil di kurangan harga document.Diskon.hasil.value = hasil; // pindahkan nilai hasil ke input bernama hasil yang berada pada form Diskon

Seperti itu penjelasan dari saya, Saya harap anda mencoba lalu memahami alur program nya. TERIMA KASIH.