Pada kesempatan yang berbahagia ini saya akan memberikan panduan belajar bahasa pemrograman JavaScript pada anda, panduan kali ini saya akan mencoba untuk membuat kalkulator sederhana dengan JavaScript, sebelumnya kita pernah membahas pembuatan kalkulator dengan menggunakan bahasa pemrograman Visual Basic.Net, namun pada kesempatan kali ini saya akan membuatnya di JavaScipt atau dengan menggunakan bahasa pemrograman Web.
Sebelum membuat, siapkan aplikasi-aplikasi yang dibutuhkan seperti :
- Xampp
- Web Browser
- Text Editor
Langkah Membuat Kalkulator Sederhana Dengan JavaScript
Buka Text Editor pada computer anda, seperti Notepad, Notepad , Sublime Text , Dreamwever, Microsoft Front Page, dll, namun pada kesempatan kali ini saya akan menggunakan text editor Notepad.
Buatlah script dibawah ini.
<html>
<head>
<script language=”JavaScript” type=”text/javascript”>
Function hitung(
{
Var bilangan1=parseFloat(document.formku.bil1.value);
Var bilangan2=parseFloat(document.formku.bil2.value);
Var op = document.formku.operasi.value;
Var hasil;
If (op==”jumlah”) hasil=bilangan1+bilangan2;
Else if (op==”kurang”)hasil=bilangan1-bilangan2;
Else if (op==”kali”)hasil=bilangan1*bilangan2;
Else if (op==”bagi”)hasil=bilangan1/bilangan2;
Document.formku.hasil.value=hasil;
}
</script>
</head>
<body>
<h1>Kalkulator Sederhana</h1>
<form name=”formku”>
Bil Pertama <input type=”text” name=”bill”>
<select name=”operasi” onchange=”hitung()”>
<option value=”jumlah”>Dijumlahkan</option>
<option value=”kurang”>Dikurangkan</option>
<option value=”kali”>Dikalikan</option>
<option value=”bagi”>Dibagikan</option>
</select>
Bil Kedua <input type=”text” name=”bil2”>=<input type=”text” name=”hasil”>
</form>
</body>
</html>
<head>
<script language=”JavaScript” type=”text/javascript”>
Function hitung(
{
Var bilangan1=parseFloat(document.formku.bil1.value);
Var bilangan2=parseFloat(document.formku.bil2.value);
Var op = document.formku.operasi.value;
Var hasil;
If (op==”jumlah”) hasil=bilangan1+bilangan2;
Else if (op==”kurang”)hasil=bilangan1-bilangan2;
Else if (op==”kali”)hasil=bilangan1*bilangan2;
Else if (op==”bagi”)hasil=bilangan1/bilangan2;
Document.formku.hasil.value=hasil;
}
</script>
</head>
<body>
<h1>Kalkulator Sederhana</h1>
<form name=”formku”>
Bil Pertama <input type=”text” name=”bill”>
<select name=”operasi” onchange=”hitung()”>
<option value=”jumlah”>Dijumlahkan</option>
<option value=”kurang”>Dikurangkan</option>
<option value=”kali”>Dikalikan</option>
<option value=”bagi”>Dibagikan</option>
</select>
Bil Kedua <input type=”text” name=”bil2”>=<input type=”text” name=”hasil”>
</form>
</body>
</html>
Simpan dan buka dengan menggunakan Web Browser, silahkan dicoba kalkulator sederhananya, semoga bisa bermanfaat untuk anda.
0 Comments