Source Code Kalkulator Sederhana dengan JavaScript – Pada postingan kali ini mungkin terkesan mendadak dan pembahasannya tidak berurutan dari yang saya targetkan. Hal ini saya lakukan karena saya tidak punya ide/gagasan yang dapat saya tulis.
Dan oleh sebab itu untuk postingan kali ini saya selingi dengan tugas yang saya dapatkan dari dosen mata kuliah Pemrograman Web yakni membuat sebuah kalkulator sederhana dengan menggunakan Javascript.
Disini ada 2 macam kalkulator yang saya buat dengan Javascript yakni dengan menggunakan function.eval () dalam hal ini dibilang otomatis dan secara manual dalam hal ini pembuatan method dan atribut dibuat secara manual satu persatu. Dan yang akan saya share untuk kesempatan kali ini dengan menggunakan fucntion.eval ().
Source code program:
<html>
</head>
</head>
<body>
<form name="Calc">
<table border=4>
<tr>
<td>
<input type="text" name="Input" size="29">
<br>
</td>
</tr>
<tr>
<td>
<input type="button" name="one" value=" 1 " OnClick="Calc.Input.value = '1'">
<input type="button" name="two" value=" 2 " OnClick="Calc.Input.value += '2'">
<input type="button" name="three" value=" 3 " OnClick="Calc.Input.value += '3'">
<input type="button" name="plus" value=" + " OnClick="Calc.Input.value += '+'">
<br>
<input type="button" name="four" value=" 4 " OnClick="Calc.Input.value += '4'">
<input type="button" name="five" value=" 5 " OnClick="Calc.Input.value += '5'">
<input type="button" name="six" value=" 6 " OnClick="Calc.Input.value += '6'">
<input type="button" name="minus" value=" - " OnClick="Calc.Input.value += ' - '">
<br>
<input type="button" name="seven" value=" 7 " OnClick="Calc.Input.value += '7'">
<input type="button" name="eight" value=" 8 " OnClick="Calc.Input.value += '8'">
<input type="button" name="nine" value=" 9 " OnClick="Calc.Input.value += '9'">
<input type="button" name="div" value=" / " OnClick="Calc.Input.value += ' / '">
<br>
<input type="button" name="zero" value=" 0 " OnClick="Calc.Input.value += '0'">
<input type="button" name="DoIt" value=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<input type="button" name="clear" value="Clear" OnClick="Calc.Input.value = ''">
<input type="button" name="times" value=" * " OnClick="Calc.Input.value += ' * '">
<br>
</td>
</tr>
</table>
</form>
</body>
</html>
Silahkan kode di atas dicoba dan dianalisa sendiri, dan apabila yang tidak dipahami silahkan ditanyakan pada kolom komentar di bawah.
Keren blognya gan, editkan dong blog ane...
ReplyDeleteHehehe masih newbie sy dalam masalah design blog @-)
Deletemaca ci ciyus jangan lupa visit back
DeleteIni nih yang saya cari, maksih mas buat tutorialnya :))
ReplyDeleteSama-sama gan :)
Deleteini juga yang saya cari :o
Delete