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
0 komentar:
Post a Comment
tinggalkan pesan