a. Berikut sintaks program apliksi kalkulator (kalkulator.js) :
function kalkulator()
{
var isi = document.form1;
var angka1 = parseInt(isi.angka1.value);
var angka2 = parseInt(isi.angka2.value);
var pilihan = isi.pilihan.value;
var perhitungan;
if(pilihan == "tambah")
{
perhitungan = angka1 + angka2;
}
else if(pilihan == "kurang")
{
perhitungan = angka1 - angka2;
}
else if(pilihan == "kali")
{
perhitungan = angka1 * angka2;
}
else if(pilihan == "bagi")
{
perhitungan = angka / angka2;
}
else
{
perhitungan = angka % angka2;
}
isi.perhitungan.value = perhitungan;
}
function resetisi()
{
document.form1.reset();
}
b. Dan berikut sintaks untuk file html :
<!DOCTYPE html>
<html lang="en">
<head>
<title>STUDI KASUS MODUL 5 </title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js">
</script>
</head>
<body bgcolor="#4380d4">
<center>
<link type="image/x-icon" rel="icon" href="um.jpg">
<h3>TUGAS PRAKTIKUM MODUL 5</h3>
<br>
<br>
</br>
</br>
<h3>KALKULATOR SEDERHANA</h3>
<br>
</br>
<form name="form1" action="#">
<input type="text" size="5" name="angka1">
<select name="pilihan">
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">*</option>
<option value="bagi">:</option>
<option value="mod">%</option>
</select>
<input type="text" size="5" name="angka2">
<input type="button" value="=" onclick="kalkulator()"/>
<input type="text" size="10" name="perhitungan" readonly>
<input name="pilihan" type="button" value="Reset"onclick="resetisi()" />
</form>
</center>
<br>
<br>
<br>
<left>
<i> Shofiyah Al Idrus - 109533423228 - PTI 2009 OFF B </i>
</left>
</body>
</html>
Berikut adalah hasil printscreen sintaks diatas :
Tidak ada komentar:
Posting Komentar