Laporan Modul 7

MODUL 7

JAVASCRIPT

A. Tujuan
Mengetahui dan memahami bahasa javascript dalam pemrograman web.

B. Landasan Teori
Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa script pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah disisi user, yang artinya di sisi browser bukan di sisi server web.
Javascript bergantung kepada browser yang memanggil halaman web yang berisi script – script dari javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya. Lain halnya dengan “java” yang memerlukan kompilator khusus untuk menterjemahkan di sisi user atau kline.

C. Alat dan Bahan
1. Computer
2. System operasi windows
3. Notepad
4. Web browser
5. Dual file image berekstensi .jpg
6. Lembar kerja percobaan
7. Modul praktikum
D. Percobaan
1. Percobaan 1
1. Script

2. Hasil

2. Percobaan 2
1. Script

2. Hasil

3. Percobaan 3
1. Script
sisa
2. Hasil

4. Percobaan 4
1. Script

<html>
<head>
<title>KALKULATOR</TITLE>
<script languange='javascript'>
function tambah()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
tambah=parseInt(nilaia)+parseInt(nilaib);
document.myform.hasil.value=tambah;
}
function kurang()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kurang=nilaia-nilaib;
document.myform.hasil.value=kurang;
}
function kali()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kali=nilaia*nilaib;
document.myform.hasil.value=kali;
}
function bagi()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
bagi=nilaia/nilaib;
document.myform.hasil.value=bagi;
}
function reset()
{
 document.getElementById("myform").reset();
}
</script>
</head>
<body>
<form name='myform'>
<h3>
KALKULATOR SEDERHANA</h3>
</br>
Nilai A = <input type='text' name='a' size=5'></br>
Nilai B = <input type='text' name='b' size=5'></br></br>
<input type='button' name='aksi' value='+' onclick='tambah()'>
<input type='button' name='aksi' value='-' onclick='kurang()'>
<input type='button' name='aksi' value='*' onclick='kali()'>
<input type='button' name='aksi' value='/' onclick='bagi()'>
<input type='button' name='aksi' value='reset' onclick='reset()'>
</br></br>
<b>HASIL = </b><input type='text' name='hasil' size='5'></br>
</form>
</body>
</html>

2. Hasil