Membuat Aplikasi Kalkulator Android dengan HTML

Dengan menggunakan script HTML kita dapat membuat berbagai program sederhana. Kali ini saya membuat program kalkulator Android yang dijalankan lewat browser. Dengan menggunakan HTML, program ini ringan dan cepat dijalankan. Selain untuk Android, anda juga dapat menjalankannya di komputer desktop.

Berikut ini source code kalkulatornya

<html>
<head>
<title>Aplikasi Kalkulator HTML</title>
</head>
<body bgcolor= "white" text= "brown">
<form name="calculator" >
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<br>
 
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
 
<br>
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">

<br>

<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
 
<br>
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="reset" value="Bersihkan">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
<br><input type="textfield" name="ans" value="">
</form>
 
</body>
</html>

Simpan dengan nama kalkulator.html. Seperti ini tampilan programnya

Screenshot_2016-05-30-19-50-08

Screenshot_2016-05-30-19-50-21

Selamat mencoba dan semoga bermanfaat🙂

Untuk pertanyaan, saran dan kritik silahkan ditulis di kolom komentar.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s