Javascript Kalkulator
Diunggah oleh
Restu PebrianaJavascript Kalkulator
Diunggah oleh
Restu PebrianaSIMPLE CALCULATOR JAVASCRIPT
Aplikasi Javascript
Untuk menuliskan syntax tentang pembuatan Aplikasi Kalkulator cukup tuliskan sintak dibawah
ini, javascript .
untuk memulainya yang diperlukan hanyalah text editor(notepad) dan browser biasa saja karena
javascript bisa berjalan di sisi client. Berikut adalah hasil dari program kalkulator javascript yang
telah selesai dibuat.
untuk membuatnya kita hanya membutuhkan kode javascript dan html yang cukup sederhana
seperti di bawah ini
<html>
<head>
<script type="text/javascript">
function hasil(a,b,x){
if(x=="plus"){
c=parseFloat(a)+parseFloat(b);
document.getElementById("hasil").value=c;
}
else if(x=="min"){
c=parseFloat(a)-parseFloat(b);
document.getElementById("hasil").value=c;
}
else if(x=="kali"){
c=parseFloat(a)*parseFloat(b);
document.getElementById("hasil").value=c;
}
else if(x=="bagi"){
c=parseFloat(a)/parseFloat(b);
document.getElementById("hasil").value=c;
}
}
</script>
</head>
<body>
<input type="text" id="a" />
<select id="x">
<option value="plus">+</option>
<option value="min">-</option>
<option value="kali">*</option>
<option value="bagi">/</option>
</select>
<input type="text" id="b" />
<button id="proses"
onclick="hasil(document.getElementById('a').value,document.getElementById('b').value,docum
ent.getElementById('x').value) ">
=
</button>
<input type="text" id="hasil" />
</body>
</html>
inti dari kode diatas adalah mengambil nilai yang ada di text box pertama(a) dan text box
kedua(b), juga mengambil value dari drop down list(x) lalu melemparnya ke fungsi javascript
yang ada (hasil). . proses penghitngan menggunakan if else condition karena penghitungannya
berdasarkan nilai dari x(nilai dropdown list yang dipilih). Setelah dilakukan penghitungan maka
hasil akan akan ditampilkan di textbox hasil.
