<!DOCTYPE html>
<html>
<head>
<title>Kalkulator sederhana</title>
</head>
<body>
<form name="kalkulator">
<table border="1">
<th colspan="2">Kalkulator sederhana berbasis web</th>
<tr>
<td>masukkan angka 1 : </td>
<td><input type="text" name="angka1" id="angka1"></td>
</tr>
<tr>
<td>masukkan angka 2 : </td>
<td><input type="text" name="angka2" id="angka2"></td>
</tr>
<tr>
<td>pilih operator [+, -, /, *] : </td>
<td><input type="text" name="operator" id="operator"></td>
</tr>
<tr>
<td colspan="0"><input type="button" value="submit" onclick="proses();"></td>
<td><p id="demo"></p></td>
</tr>
</table>
</form>
<script src="kalkulator.js" lang="javascript"></script>
</body>
</html>
jika sudah maka buat lagi 1 file dengan tipe .js lalu copy isi source code dibawah :
function proses() {
var angka1 = parseInt( kalkulator.angka1.value);
var angka2 = parseInt( kalkulator.angka2.value);
var operator = kalkulator.operator.value;
var hasil = parseInt("");
if (operator == '+') {
hasil = angka1 + angka2;
document.getElementById("demo").innerHTML = hasil;
} else if (operator == '-') {
hasil = angka1 - angka2;
if (angka1 < angka2) {
alert("angka1 harus lebih besar dari angka2");
} else {
document.getElementById("demo").innerHTML = hasil;
}
} else if (operator == '*') {
hasil = angka1 * angka2;
document.getElementById("demo").innerHTML = hasil;
} else if (operator == '/') {
hasil = angka1 / angka2;
document.getElementById("demo").innerHTML = hasil;
}
}
Tidak ada komentar:
Posting Komentar