Modul 5 Java Script Pada HTML ~ Blog Sederhana Tapi Bermanfaat

Kali ini saya akan langsung saja to the point, ok tanpa basa basi disini saya akan membuat contoh program web untuk perhitungan sederhana, langsung saja untuk coding nya bisa dilihat di sini

<html>
<head>
<title>Perhitungan Sederhana</title>
</head>
<script language="javascript">
function jum()
{
var a=parseInt(document.data.bil1.value);
var b=parseInt(document.data.bil2.value);
document.data.kali.value=a*b;
document.data.kurang.value=a-b;
document.data.bagi.value=a/b;

}
</script>
<body>
<form name="data">
<pre>
 <table width="auto" height="auto" border="1px">
<tr><td colspan="2" align="center">Operasi Perhitungan</td></tr>
<tr><td>Angka Pertama</td><td><input type="text" name="bil1"></td></tr>
<tr><td>Angka Kedua</td><td><input type="text" name="bil2"></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="Hitung" onclick="jum()"></td></tr>
<tr><td>Hasil Perkalian</td><td><input type="text" name="kali"></td></tr>
<tr><td>Hasil Pengurangan</td><td><input type="text" name="kurang"></td></tr>
<tr><td>Hasil Pembagian</td><td><input type="text" name="bagi"></td></tr>
</table>
</pre>
</form>
</body>
</html>

kalian tinggal jalankan pada browser masing masing maka hasilnya akan sepereti ini.

Selain itu Java Script juga bisa kita pakai untuk menampilkan menu pop up, caranya seperti ini codingnya:

<h1>
Masukan Data</h1>
<script language="JavaScript">
var nim=prompt("NIM kamu");
document.write("Nama : "+nim +"<br>");
var nama=prompt("Nama kamu");
document.write("Nama : "+nama +"<br>");
var alamat=prompt("Alamat kamu");
document.write("Nama : "+alamat +"<br>");
var simpan=window.confirm("Apakah data akan disimpan?");
document.write("Jawaban Kamu : "+simpan +"<br>");

</script>

Maka hasilnya seperti ini,