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
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
Tidak ada komentar:
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.