Membuat kalkulator sederhana menggunakan HTML
Haloo semua,
pada kesempatan kali ini saya akan mengajarkan bagaimana caranya membuat kalkulator sederhana menggunakan HTML.
Sebelunya sudah pada paham kan dengan HTML, saya anggap kalian semua paham aja lah ya biar gak ribet sayanya haha
langsung saja kita ke sourcode nya okee
berikut ini screenshoot hasil jadinya :
Demikianlah caranya bagaimana membuat kalkulator sederhana menggunakan HTML.
Terimakasih.
pada kesempatan kali ini saya akan mengajarkan bagaimana caranya membuat kalkulator sederhana menggunakan HTML.
Sebelunya sudah pada paham kan dengan HTML, saya anggap kalian semua paham aja lah ya biar gak ribet sayanya haha
langsung saja kita ke sourcode nya okee
<html>
<head>
<title>Kalkulator Online</title>
<script>
function hitung(angka1,angka2,operator)
{
var hasil;
if (operator==”tambah”){
hasil = parseInt(angka1) + parseInt(angka2);
}else if(operator==”kurang”){
hasil = parseInt(angka1) – parseInt(angka2);
}else if(operator==”kali”){
hasil = parseInt(angka1) * parseInt(angka2);
}else if(operator==”bagi”){
hasil = parseInt(angka1) / parseInt(angka2);
}
document.getElementById(“hasil”).innerHTML = “<b>” +hasil+ “</b>”;
return false;
}
</script>
</head>
<body>
<form name=”form1″ method=”post” action=”hitung.php” onsubmit=”return hitung
(form1.angka.value,form1.angka2.value,form1.operator.value);”>
<table align=”center” width=”28%” border=”5″ bgcolor=”lime”>
<tr>
<td align=”center”>
<h1><center><u>Online Calculator</u></center></h1>
<h3>
Bilangan 1<input name=”angka” type=”text” id=”angka”><br>
<center><select name=”operator” id=”operator”>
<option value=”tambah”>+</option>
<option value=”kurang”>-</option>
<option value=”kali”>*</option>
<option value=”bagi”>/</option>
</select></center>Bilangan 2<input name=”angka2″ type=”text” id=”angka2″><br>
<center><input type=”submit” name=”Submit” value=”Hitung”></center><div style=”float:left;”>- Hasil :</div><br>
<div id=”hasil”></div>
</h3>
<marquee><h6>Kalkulator Online dengan operator Aritmatika</h6></marquee>
</td>
</tr>
</table>
</form>
</body>
</html>
berikut ini screenshoot hasil jadinya :
Demikianlah caranya bagaimana membuat kalkulator sederhana menggunakan HTML.
Terimakasih.
0 Response to "Membuat kalkulator sederhana menggunakan HTML"
Post a Comment