Ini File calculator.js
function tambah()
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 + nilai2;
komponen.result.value = result;
}
function kurang()
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 - nilai2;
komponen.result.value = result;
}
function bagi()
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 / nilai2;
komponen.result.value = result;
}
function kali()
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 * nilai2;
komponen.result.value = result;
}
function reset()
{
var elemen = document.calculator;
elemen.nilai1.value = "";
elemen.nilai2.value = "";
elemen.result.value = "";
}
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 + nilai2;
komponen.result.value = result;
}
function kurang()
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 - nilai2;
komponen.result.value = result;
}
function bagi()
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 / nilai2;
komponen.result.value = result;
}
function kali()
{
var komponen = document.calculator;
var nilai1 = parseInt(komponen.nilai1.value);
var nilai2 = parseInt(komponen.nilai2.value);
var op = komponen.op.value;
var result;
result = nilai1 * nilai2;
komponen.result.value = result;
}
function reset()
{
var elemen = document.calculator;
elemen.nilai1.value = "";
elemen.nilai2.value = "";
elemen.result.value = "";
}
Ini file kalkulator.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Program Kalkulator</title>
<script language="JavaScript" type="text/javascript" src="calculator.js"></script>
</head>
<hr color="blue" width="500px" size="15px" align="left" />
<font size="5" color="blue" face="Calibri">Program Kalkulator Sederhana</font>
<hr color="blue" width="500px" size="15px" align="left" /><br>
<form name="calculator" action="#" >
<font face="Calibri">Masukkan Bilangan Pertama
<br>
<input type="text" size="20" name="nilai1" />
<br>
Masukkan Bilangan Kedua
<br>
<input type="text" size="20" name="nilai2" /></font><br>
<input name="op" type="button" value="+" onclick="tambah() " />
<input name="op" type="button" value="-" onclick="kurang() " />
<input name="op" type="button" value="x" onclick="kali() " />
<input name="op" type="button" value="/" onclick="bagi() " />
<br>
<br><font face="Comic Sans MS">Hasil
<br><input type="text" size="25" name="result" readonly /><br>
<br><input type="button" value="Hapus" onclick="reset()" /></br>
<br><hr color="blue" width="500px" size="15px" align="left"></hr>
<font size="2" color="black"><b>© 2011, CopyRight by Intan Nur Varida</b></font>
<hr color="blue" width="500px" size="15px" align="left"></hr>
</body>
</html>
<html lang="en">
<head>
<title>Program Kalkulator</title>
<script language="JavaScript" type="text/javascript" src="calculator.js"></script>
</head>
<hr color="blue" width="500px" size="15px" align="left" />
<font size="5" color="blue" face="Calibri">Program Kalkulator Sederhana</font>
<hr color="blue" width="500px" size="15px" align="left" /><br>
<form name="calculator" action="#" >
<font face="Calibri">Masukkan Bilangan Pertama
<br>
<input type="text" size="20" name="nilai1" />
<br>
Masukkan Bilangan Kedua
<br>
<input type="text" size="20" name="nilai2" /></font><br>
<input name="op" type="button" value="+" onclick="tambah() " />
<input name="op" type="button" value="-" onclick="kurang() " />
<input name="op" type="button" value="x" onclick="kali() " />
<input name="op" type="button" value="/" onclick="bagi() " />
<br>
<br><font face="Comic Sans MS">Hasil
<br><input type="text" size="25" name="result" readonly /><br>
<br><input type="button" value="Hapus" onclick="reset()" /></br>
<br><hr color="blue" width="500px" size="15px" align="left"></hr>
<font size="2" color="black"><b>© 2011, CopyRight by Intan Nur Varida</b></font>
<hr color="blue" width="500px" size="15px" align="left"></hr>
</body>
</html>
Tidak ada komentar:
Posting Komentar