onchanger

perhitungan matematika sederhana

HTML

<h2>memakai onchange</h2>
A :
<input class="a" name="A" onchange="hitung();" type="text" value=1 />
<br>B :
<input class="b" name="B" onchange="hitung();" type="text" value=3 />
<br>C :
<input class="c" name="C" type="text" readonly />
 <h2>memakai keyup</h2>
A :
<input class="a2" name="A" onkeyup="hitung2();" type="text" value=1 />
<br>B :
<input class="b2" name="B" onkeyup="hitung2();" type="text" value=3 />
<br>C :
<input class="c2" name="C" type="text" readonly />

CSS

input {
    width:50px;
    clear:both;
    border:none;
    background:blue;
    color:white;
}
body {
    font-family:arial;
}

JavaScript

function hitung() {
    var a = $(".a").val();
    var b = $(".b").val();
    c = a * b; //a kali b
    $(".c").val(c);
}

/*
rasakan bedanya
*/
function hitung2() {
    var a = $(".a2").val();
    var b = $(".b2").val();
    c = a * b; //a kali b
    $(".c2").val(c);
}