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 Diskon</ title >
/* 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.
Comments
Post a Comment