Laporan PWL Modl 7

JAVASCRIPT

A. TUJUAN

Mengetahui dan memahami bahasa Javascript dalam pemrograman web.

B. LANDASAN TEORI

JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client. Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. JavaScript seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat JavaScript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan pengolahan.

C. ALAT DAN BAHAN

Alat dan bahan yang digunakan untuk praktikum adalah :

1. PC (Personal Computer)

2. Sistem Operasi Windows

3. Browser (Mozila Firefox/Chrome)

4. Notepad

5. Buku Praktikum

D. LANGKAH-LANGKAH
Percobaan 1 (Javascript)
1. Ketik Script dibawah ini

2. Simpan dengan nama percobaan1.html
3. hasil

Percobaan 2 (MouseOver)
1. Ketik Script dibawah ini

2. masukkan 2 gambar dalam satu folder dengan scriptnya
3.Simpan dengan nama MouseOver.html
4. hasil

ketika kursor ditaruh digambar maka akan berganti gambar seperti dibawah ini

Percobaan 3(Charakter Counter)
1. Ketik Script dibawah ini

2. Simpan dengan nama Counter.html
3. hasil

Percobaan 4(Kakulator Sederhana)
1. Ketik Script dibawah ini

<!DOCTYPE HTML>
<head>
<title>kalkulator</title>
<body>
<script language="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;
}
</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()'><br><br>
<b>Hasil = </b> 
<input type="text" name="hasil" size="5"><br>
</form>
</body>
</html>

2. Simpan dengan nama kakulator.html
3. hasil