Pages

Jumat, 26 Agustus 2011

Membuat kalkulator dengan Java Script

Kali ini kita akan membuat aplikasi kalkulator yang berjalan di Web dengan menggunakan bahasa pemrograman Java Script. Ikuti langkah berikut


1) Buka Macromedia Dreamweaver atau Web Editor yang biasa Anda pakai

2) Buat proyek baru

3) Masukkan skrip dibawah ini


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kalkulator</title>
</head>
<script language="javascript">
function operasi(jenis){
var angka1=document.getElementById('angka1').value;

var angka2=document.getElementById('angka2').value;
var hasil;
if(jenis=='plus'){
var hasil= Number(angka1)+Number(angka2);
}

if(jenis=='min'){
var hasil= Number(angka1)-Number(angka2);
}

if(jenis=='kali'){
var hasil= Number(angka1)*Number(angka2);
}

if(jenis=='bagi'){
var hasil= Number(angka1)/Number(angka2);
}


document.getElementById('hasil').value=hasil;
}
</script>
<body>
<form id="form1" name="form1" >
<label>
<div align="center">Angka 1
<input name="angka1" type="text" id="angka1" />
</div>
</label>
<p align="center">
<label>
Angka 2
<input name="angka2" type="text" id="angka2" />
</label>
</p>
<p align="center">
<label>
<input type="button" name="Submit" value="+" onclick="operasi('plus')" />
</label>
<label>
<input type="button" name="Submit2" value="-" onclick="operasi('min')" />
</label>
<label>
<input type="button" name="Submit3" value="X" onclick="operasi('kali')" />
</label>
<label>
<input type="button" name="Submit4" value=":" onclick="operasi('bagi')" />
</label>
</p>
<p align="center">
<label>
Hasil
<input name="hasil" type="text" id="hasil" />
</label>
</p>
</form>
</body>
</html>




4) Simpan skrip tersebut kemudian jalankan di web browser. Anda telah berhasil membuat aplikasi kalkulator untuk website


Jika ada yang tidak Anda pahami dari skrip di atas, silahkan isi pertanyaan pada kotak komentar yang berada di bawah artikel ini

0 komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.