oke kali ini saya akn mencoba membuat program dasar javascript menghitung diskon suatu produk/barang. program ini masih sederhana tapi lumayan buat sebagai referensi hehe (becanda) program ini juga bisa di kembangkan lagi lebih keratif lagi.
tapi, sebelumya kita harus tau dulu rumusnya:
Harga diskon = harga awal x persentase diskon
Harga akhir = harga awal - harga diskon
Nah, sekarang sudah taukan rumusnya jangan sampai lupa. Oke langsung aja
1.buat halaman baru di aplikasi text editor yang anda miliki serperti sublime,notpad++,dll.
2.berinama halaman tersebut dengan nama hitungdiskon.html
3.isikan script sebagai berikut:
Catatan:
parseFloat : untuk mengubah string menjadi Float
isNaN : untuk mengecek nilai yang bukan angka.
hasil tampilan
2.berinama halaman tersebut dengan nama hitungdiskon.html
3.isikan script sebagai berikut:
<!DOCTYPE html>
<html><head> <title>hitung diskon</title>
</head>
<body>
<form name="hitungdiskon">
<center>Masukan harga (Rp.)<br>
<input type="text" name="harga" ></input><br>
masukan diskon(1-100)<br>
<input type="text" name="diskon" size="3"></input>%<br>
<br><input type="button" onclick="hitung()" value="proses"></input>
<input type="reset" type="reset"></input>
<br>Harga diskon(Rp.)<br>
<input type="text" name="hrgdiskon"></input>
<br>Hasil diskon (Rp.)<br>
<input type="text" name="hasildiskon"></input>
</center></form>
<script type="text/javascript">
function hitung() {
var harga= parseFloat(document.hitungdiskon.harga.value);
if (isNaN(harga)) {harga=0.0;}
var diskon=parseFloat(document.hitungdiskon.diskon.value);
if (isNaN(diskon)) {diskon=0.0;} var hargadiskon= harga * diskon / 100;
var hasil = harga - hargadiskon; document.hitungdiskon.hasildiskon.value= hasil; document.hitungdiskon.hrgdiskon.value= hargadiskon;
}</script>
</body>
</html>
4. Jika sudah selesai silahkan buka di Browser komputer/laptop anda.Catatan:
parseFloat : untuk mengubah string menjadi Float
isNaN : untuk mengecek nilai yang bukan angka.
hasil tampilan
No comments:
Post a Comment