Event onkeyup pada Javascript
Berikut ini adalah contoh aplikasi kode javascript menggunakan event onkeyup pada input form.
<html>
<head>
<script type=”text/javascript”>
function hitung()
{
var ttlbelanja=document.getElementById(“totalbelanja”).value;
var tendered=document.getElementById(“uang”).value;
var kembali=tendered-ttlbelanja;
if(kembali<0)
{
kembali = “Uang Belum Cukup”;
}
document.getElementById(“kembali”).innerHTML=kembali;
}
function uangotomatis()
{
var ttlbelanja=document.getElementById(“totalbelanja”).value;
document.getElementById(“uang”).value=ttlbelanja;
document.getElementById(“kembali”).innerHTML=0;
}
</script>
</head>
<body>
<h1>Menghitung Uang Kembali</h1>
<form>
Total Belanja:
<input type=”text” id=”totalbelanja” name=”totalbelanja” onkeyup=”uangotomatis()” />
<br />
Uang:
<input type=”text” id=”uang” name=”uang” onkeyup=”hitung()”/>
<br />
</form>
<div style=”float:left;”>Kembali: </div>
<div style=”float:left;” id=”kembali”> </div>
<br />
</body>
</html>
Leave a Reply