Assalamualaikum agan bro dan agan sis sekalian hehe kali ini ane mau bikin artikel di blog ane mengenai Cara Membuat Kalkulator Sederhana dengan Menggunakan HTML dan Javascript. Baik langsung liat aja yak penampakannya :D Oh iya hasil akan muncul pada Message Box dan TextBox
<html>
<body>
<form name=kalkulator>
<table border=10 align=center bgcolor=yellow>
<tr><td colspan=2 align=center>
<body>
<form name=kalkulator>
<table border=10 align=center bgcolor=yellow>
<tr><td colspan=2 align=center>
<font size=6 face=jokerman color=black><b>KALKULATOR</b></font></td></tr>
<tr><td><b>Nilai Awal :</td> <td>
<tr><td><b>Nilai Awal :</td> <td>
<input type=text size=25 maxlength=5 name=n1 autofocus></td></tr>
<tr><td><b>Nilai Akhir :</td> <td>
<tr><td><b>Nilai Akhir :</td> <td>
<input type=text size=25 maxlength=5 name=n2></td></tr><br>
<tr><td colspan=2 align=center>
<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()></td></tr><br>
<tr><td><b>Hasil :</td> <td><input type=text size=25 maxlength=5 name=hasil></td></tr><br>
<tr><td colspan=2 align=center><input type=reset value=Hapus></td></tr>
</table>
</form>
<script language="javascript">
function tambah()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h= n1+n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
function kurang()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h = n1-n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
function kali()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h = n1*n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
function bagi()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h = n1/n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
</script></body></html>
<tr><td colspan=2 align=center>
<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()></td></tr><br>
<tr><td><b>Hasil :</td> <td><input type=text size=25 maxlength=5 name=hasil></td></tr><br>
<tr><td colspan=2 align=center><input type=reset value=Hapus></td></tr>
</table>
</form>
<script language="javascript">
function tambah()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h= n1+n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
function kurang()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h = n1-n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
function kali()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h = n1*n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
function bagi()
{
var n1 = parseInt(document.kalkulator.n1.value)
var n2 = parseInt(document.kalkulator.n2.value)
var h = n1/n2
document.kalkulator.hasil.value = h
alert("Hasilnya adalah : "+h)
}
</script></body></html>
Kalo ngikutin diatas dan tanpa ada yang kelewat, pasti bisa deh soalnya udah ane coba sendiri wwkwk.
Oh iya ini ada video tutorialnya juga loh
Semoga bermanfaat ya :)
Oh iya ini ada video tutorialnya juga loh
Semoga bermanfaat ya :)
Wassalamualaikum...
0 komentar:
Post a Comment