Thursday, August 21st, 2014

Membuat program kalkulator sederhana dengan textbox javascript

4

Ini adalah bagian kedua dari tutorial javascript sebelumnya. pada bagian ini kita akan menggunakan textbox sebagai input dari kalkulator kita. berikut kodenya

——————code mulai dari sini————————

<html>
<title>Membuat program kalkulator sederhana menggunakan textbox </title>
<SCRIPT LANGUAGE="JavaScript">
window.defaultStatus="Support by www.hadi.web.id"
function tambah()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a+b
form.hasil.value = c
}

function kurang()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a-b
form.hasil.value=c
}

function kali()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a*b
form.hasil.value=c
}

function bagi()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a/b
form.hasil.value = c
}

function pangkat()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=Math.pow(a, b)
form.hasil.value = c
}

function kosong()
{
form.a.focus()
form.a.value=""
form.b.value=""
form.hasil.value=""

}

</SCRIPT>

<body onload=kosong()>
<CENTER>
<font size="5">Program Kalkulator</font>
<hr size="5" color="red">
<FORM name="form">
<pre>
Angka 1  <input type="text" name="a">
Angka 2  <input type="text" name="b">
Hasil    <input type "text" name="hasil" disabled="true">
</pre>
<hr size="2" color="blue">
<input type="button" value="  +  " onClick="tambah()">
<input type="button" value="  -  " onClick="kurang()">
<input type="button" value="  x  " onClick="kali()">
<input type="button" value="  /  " onClick="bagi()">
<input type="button" value="  ^  " onClick="pangkat()"><br>
<input type="button" value="            Kosong            " onClick="kosong()">

<br>
Oleh: M. Hadi Lustori<br>
Support by: hadi.web.id
</FORM>
</CENTER>
</body>
</html>

copy code diatas kemudian buka program notepad.exe kemudian paste di program notepad tersebut. Simpan file dalam format html, caranya dibagian save as type diganti ke allfiles kemudian tambahkan .html pada nama file contohnya namafile.html kemudian buka file tersebut melalui browser.

Tulisan yang berhubungan:

Pencarian dari:

membuat program dengan notepad (69),membuat input textbox html (29),membuat program kalkulator dengan c (12),coding kalkulator membuat script html (10),cara membuat kalkulator menggunakan textbox dengan javascript (1),download aplikasi kalkulator sederhana (1)

Komentar

4 komentar untuk “Membuat program kalkulator sederhana dengan textbox javascript”
  1. patembe says:

    Makasih mas…. sangat berguna nih…. buat referensi saya besok..
    he..he..! :D

  2. zavier says:

    wah ma nyos tolong lain kali program pascal dunk soalnya baru belajar nie…hehehe ^_^

Tautan balik

Lihat orang lain yang berkomentar di tulisan ini...
  1. [...] dari tulisan yang ini dan yang ini yang membahas tentang program sederhana menggunakan program java script saya sekarang [...]



Beri tanggapan

Terima kasih telah berkomentar
Jika anda ingin menampilkan gambar di komentar anda, silahkan membuat akun gravatar!