Membuat Kalkulator Sederhana dengan JavaScript
Kali ini kita akan belajar mengenai bagaiman caranya membuat kalkukator sederhana dari sebuah halaman html guys,,, jadi bisa nggak yah?? sebuah halaman html dijadikan itungan kaya kalkulator sederhana gitu??? kalu ngak di combine dengan script java script, ya tentunya kita akan kerepotan guySs,
so, kalli ini saya akan menShare ilmu baru saya bagaimana caranya membuat aplikasi tampilan kalkulatro sederhana yg di kombinasikan dengan script javascript sebagai penyimpan function nya,
NiHh aq di dukung ma developt java script guyss, hehHehee
Suport by :
pertama saya akan buat script javascripnya dulu guys, kita tentuin semua function nya dulu, keys.. JANGAN LUPA, ntar scripnya dikasih nama dengan tipe file " .js "
kaytak script Q dibawah ini aq kasih nama "kalkulator.js"
nih scriptnya :
so, kalli ini saya akan menShare ilmu baru saya bagaimana caranya membuat aplikasi tampilan kalkulatro sederhana yg di kombinasikan dengan script javascript sebagai penyimpan function nya,
NiHh aq di dukung ma developt java script guyss, hehHehee
Suport by :
pertama saya akan buat script javascripnya dulu guys, kita tentuin semua function nya dulu, keys.. JANGAN LUPA, ntar scripnya dikasih nama dengan tipe file " .js "
kaytak script Q dibawah ini aq kasih nama "kalkulator.js"
nih scriptnya :
function penjumlahan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 + bil2;
komponen.hasil.value = hasil;
}
function pengurangan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 - bil2;
komponen.hasil.value = hasil;
}
function perkalian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 * bil2;
komponen.hasil.value = hasil;
}
function pembagian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 / bil2;
komponen.hasil.value = hasil;
}
function bersih(){
var elemen = document.calc;
elemen.bil1.value = "";
elemen.bil2.value = "";
elemen.hasil.value = "";
}
lanjutNya tentu kita buat script htmlnya untuk memanggil function yang udah kita buat pada script html nya itu tadi guySs,,,
untuk kali ini saya menamai file html yaitu " simple_kalkulator.html "
dan ini sciptnya guys :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Aplikasi Calculator</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<hr color="red" width="300px" size="10px" align="left" />
<font size="4" color="blue"> Aplikasi Kalkulator dengan Java Script</font>
<hr color="red" width="300px" size="10px" align="left" /><br>
<form name="calc" action="#">
Masukkan Bilangan Pertama
<br><input type="text" size="25" name="bil1" /><br>
Masukkan Bilangan Kedua
<br><input type="text" size="25" name="bil2" /><br>
<input name="op" type="button" value="+" onclick="penjumlahan()" />
<input name="op" type="button" value="-" onclick="pengurangan()" />
<input name="op" type="button" value="x" onclick="perkalian()" />
<input name="op" type="button" value="/" onclick="pembagian()" /><br>
<br>Hasil Perhitungan
<br><input type="text" size="25" name="hasil" readonly /><br>
<br><input name="op" type="button" value="reset" onclick="bersih()" /><br>
<br><hr color="brown" width="300px" size="10px" align="left"></hr>
<font size="3" color="blue">© 2011, CopyRight by andibayu - 2009533420400</font>
<hr color="brown" width="300px" size="10px" align="left"></hr>
</body>
</html>
<html lang="en">
<head>
<title>Aplikasi Calculator</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<hr color="red" width="300px" size="10px" align="left" />
<font size="4" color="blue"> Aplikasi Kalkulator dengan Java Script</font>
<hr color="red" width="300px" size="10px" align="left" /><br>
<form name="calc" action="#">
Masukkan Bilangan Pertama
<br><input type="text" size="25" name="bil1" /><br>
Masukkan Bilangan Kedua
<br><input type="text" size="25" name="bil2" /><br>
<input name="op" type="button" value="+" onclick="penjumlahan()" />
<input name="op" type="button" value="-" onclick="pengurangan()" />
<input name="op" type="button" value="x" onclick="perkalian()" />
<input name="op" type="button" value="/" onclick="pembagian()" /><br>
<br>Hasil Perhitungan
<br><input type="text" size="25" name="hasil" readonly /><br>
<br><input name="op" type="button" value="reset" onclick="bersih()" /><br>
<br><hr color="brown" width="300px" size="10px" align="left"></hr>
<font size="3" color="blue">© 2011, CopyRight by andibayu - 2009533420400</font>
<hr color="brown" width="300px" size="10px" align="left"></hr>
</body>
</html>
nah itulah semua scipt untuk membuat file html guys, semoga bermanfaat bagi kalian semua. dan lanjutnya mari kita liat tampilannya bareng2 yoKk...
inini jadi nya guySs..
Ya begitulah serangkaian acara pembelajaran kita hari ini, moga bermanfaat ya GuySs..
selamat mencoba dan moga berhasil..
salam kenal dari saya..
