Cara Membuat Kalkulator dengan bantuan JQERY - Hello Sobat Informatik dalam kesempatan kali ini kami tim Young Informatics Akan memberikan tutorial bagi anda yang masih bingung bagaimana caranya membuat kalkulator untuk form dengan bantuan JQUERY , yuk simak tutorial kami:
1. Pertama yang harus anda lakukan adalah menyiapkan file jquery nya terlebih dahulu simpan skripnya dengan nama jquery.js , untuk skrip jquery nya anda bisa mendownloadnya disini
2. Lalu Ketik kode berikut berinama lattihan1.js
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#diskon').keyup(function(){
<!-- Ambil nilai bayar dan diskon !-->
var bayar=parseInt($('#bayar').val());
var diskon=parseInt($('#diskon').val());
<!-- Perhitungan bayar-(diskon/100 x bayar) !-->
var total_bayar=bayar-(diskon/100)*bayar;
$('#Tbayar').val(total_bayar);
});
});
</script>
</head>
<body>
<table border="0px" cellpadding="5" align="center">
<form action="" method="post">
<tr>
<td>Total Bayar</td> <td> : </td> <td><input type="text" name="bayar" id="bayar" /> (dalam Rp)</td>
</tr>
<tr>
<td>Diskon</td> <td> : </td> <td><input type="text" name="diskon" id="diskon" /> % </td>
</tr>
<tr>
<td>Total Bayar (sesudah diskon)</td> <td> : </td>
<td><input type="text" name="Tbayar" id="Tbayar" readonly="readonly" /> (dalam Rp)</td>
</tr>
</tr>
</form>
</table>
</body>
</html>
3. dan apabila sudah tersimpan maka akan muncul tampilan seperti berikut
contoh :
Komentar
Posting Komentar