Membuat web kalkulator dengan java script

Juni 04, 2012

Membuat website kalkulator

Aryan.ngrambe.net - Dari judulnya agak lebai ya :D haes... ra gagas... seneng jajalen, raseneng minggato.. =)) sekedar catatan aja buat materi pemrograman web kemaren sempat membelajari javascript sederhana salah satunya ya kalkulator ini :D barang kali ada di antara kalian yang pengen mempunyai situs kalkulator terkenal? haha script ini bisa di pake... Memang sangat sederhana namun yang terpenting adalah pembelajarannya :D monggo disimak :

<html>
<head>
<title>Itung itungan</title>
<script type="text/Javascript">
function tambah(){
a=parseFloat(document.getElementById('angka1').value);
b=parseFloat(document.getElementById('angka2').value);
c=a+b;
document.getElementById('hasil').innerHTML=c;
}
function kurang(){
a=parseFloat(document.getElementById('angka1').value);
b=parseFloat(document.getElementById('angka2').value);
c=a-b;
document.getElementById('hasil').innerHTML=c;
}
function kali(){
a=parseFloat(document.getElementById('angka1').value);
b=parseFloat(document.getElementById('angka2').value);
c=a*b;
document.getElementById('hasil').innerHTML=c;
}
function bagi(){
a=parseFloat(document.getElementById('angka1').value);
b=parseFloat(document.getElementById('angka2').value);
c=a/b;
document.getElementById('hasil').innerHTML=c;
}
</script>
</head>
<body>
Angka 1 : <input type="text" id="angka1" sixe="10" /><br />
Angka 2 : <input type="text" id="angka2" sixe="10" /><br />
<input type="button" value="tambah" onClick="tambah();" />
<input type="button" value="kurang" onClick="kurang();" />
<input type="button" value="kali" onClick="kali();" />
<input type="button" value="bagi" onClick="bagi();" />
<h1 id="hasil">?</h1>
</body>
</html>

Nah iku script e... tinggal di conto trus di save dengan nama index.html trus di upload ke webmu... Plok plok plok kini kamu udah punya situs kalkulator sendiri *gak penting banget ya*
Intinya selamat mencoba.. =))