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: &nbsp;</div>

<div style=”float:left;” id=”kembali”> </div>

<br />

</body>

</html>

Facebook Comments

Leave a comment

Your email address will not be published. Required fields are marked *