Beranda > HTML/XML > Membuat Program HTML Kalkulator Sederhana..

Membuat Program HTML Kalkulator Sederhana..

Artikel kali ini akan membahas tentang belajar pemograman sederahan, yakni bagaimana cara membuat kalkulator sederhana dengan JavaScript.

Cara membuatnya cukup mudah dan anda tidak usah repot-repot memutar otak untuk merangkai kode demi kode. Selain sederhana program kalkulator ini dapat Anda edit sesuai dengan keinginan Anda. Untuk membuatnya anda hanya perlu membuka program notepad di komputer Anda dan mengcopy paste kode di bawah ini pada notepad. Kemudian Simpan file dalam format html, caranya dibagian save as type diganti ke allfiles kemudian tambahkan .html pada nama file contohnya namafile.html, lalu buka file tersebut melalui browser. Penasaran? Berikut Kodenya…ZX

Calculator I

function penjumlahan() {
var a1=prompt(“Masukkan angka pertama :”,0);
var a2=prompt(“angka “+a1+ ” mau ditambahkan dengan angka berapa?”,0);

c=eval(a1)+eval(a2);
document.write(“Hasil dari “+a1+”+”+a2+”=”+c);
}
function pengurangan() {
var a1=prompt(“Masukkan angka pertama :”,0);
var a2=prompt(“angka “+a1+ ” mau dikurangi dengan angka berapa?”,0);
c=eval(a1)-eval(a2)
document.write(“Hasil dari “+a1+”-”+a2+”=”+c);
}

function perkalian() {
var a1=prompt(“Masukkan angka pertama :”,0);
var a2=prompt(“angka “+a1+ ” mau dikalikan dengan angka berapa?”,0);
c=eval(a1)*eval(a2)
document.write(“Hasil dari “+a1+”x”+a2+”=”+c);
}
function pembagian() {
var a1=prompt(“Masukkan angka pertama :”,0);
var a2=prompt(“angka “+a1+ ” mau dibagi dengan angka berapa?”,0);

c=eval(a1)/eval(a2)
document.write(“Hasil dari”+a1+”/”+a2+”=”+c);
}


Kalkulator by agantbjb.wordpress.com

Copy kode di atas (warna merah), paste pada program Notepad. Simpan file dalam format html, Contoh : Calculator.html, dibagian save as type diganti ke all files. Selain kode pertama di atas, berikut kode lain cara membuat program kalkulator sederhana dengan menggunakan notepad.

Calculator II

window.defaultStatus=”Support by http://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=””

}

Program Kalkulator


Angka 1 
Angka 2 

Hasil 

Oleh: BLOG ANAK BANGSA
Support by: http://ifoell.blogspot.com

Cara membuatnya sama dengan cara pertama. Tinggal Copy kodenya (warna biru) dan simpan di notepad dengan menggunakan ekstention file .html.

Saya pribadi sich blom pernah mencoba cari ini..

Semoga bermanfaat..

About these ads
Kategori:HTML/XML
  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

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

WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

%d bloggers like this: