LAPORAN PRAKTIKUM
PEMOGRAMAN WEB
MODUL 7
Nama : Alfi Nur Rohmat
NIM : L200120074
Kelas : D
JURUSAN TEKNIK INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2014
A.
TUJUAN
Mengetahui dan
memahami bahasa Javascript dalam pemograman web.
B. PERCOBAAN
Percobaan 1
(JavaScript)
1.
Buka aplikasi notepad
2.
Ketikan script berikut
<html>
<head><title>percobaaan1</title>
</head>
<BODY>
<SCRIPT language="Javascript">
<!--
alert("Hallo!!");
// -->
</SCRIPT>
</Body>
</html>
3.
Simpan dengan nama percobaan1.html
4.
Buka file dengan browser
5.
Hasil percobaan
Percobaan 2
(MouseOver)
1.
Letakkan dua buah file image berekstensi .jpg beri nama
gambar1.jpg dan gambar2.jpg
2.
Buka aplikasi notepad
3.
Ketikan script berikut
<HTML>
<head>
<title>Mouse Over</title>
</head>
<body>
<a href="javascript:;"
onMouseOver="document.img_1.src ='gambar1.jpg';"
onMouseOut="document.img_1.src ='gambar2.jpeg';">
<img name="img_1"
src='gambar1.jpg' height='100' width='100'></a>
</body>
</html>
4.
Simpan dengan nama mouseover.html
5.
Buka file dengan browser
6.
Hasil percobaan
Percobaan 3
(Character Counter)
1.
Buka aplikasi notepad
2.
Ketikan script berikut
<HTML>
<head>
<title>Counter</title>
<SCRIPT>
function CountMax()
{
var wert,max;
max = 100
wert = max-(document.form1.question.value.length);
if (wert < 0){
alert("maaf, batas maksimum pengisian adalah" + max +"
karakter!");
document.form1.question.value=
document.form1.question.value.substring(0,max);
wert = max-(document.form1.question.value.length);
document.form1.rv_counter.value = wert;
}else{
document.form1.rv_counter.value=max-
(document.form1.question.value.length);
}
}
</script>
</head>
<body>
<form name="form1" method="post"
action="">
<textarea name="question" cols="60"
rows="3"
id="question" OnFocus="CountMax();"
OnClick="CountMax();" ONCHANGE="CountMax();"
onKeydown="CountMax();"
onKeyup="CountMax();"
wrap="virtual"></textarea>
<font face="Arial, Helvetica, sans-serif, Bookman Old Style, Comic
Sans MS" size="2">sisa
<input name="rv_counter" type="TEXT"
size="3"
maxlength="3" value="100" readonly></form>
</body>
</html>
3.
Simpan dengan nama counter.html
4.
Buka file dengan browser
5.
Ketikan karakter pada text area sebanyak 101 karakter,amati
yang terjadi
6.
Hasil percobaan
Percobaan 4
(Kalkulator sederhana)
1.
Buka aplikasi notepad
2.
Ketikan script berikut
<HTML>
<head>
<title>Counter</title>
<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>
<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>
3.
Simpan dengan nama kalkulator.html
4.
Buka file dengan browser
5.
Masukan nilai A dan nilai B, kemudian klik salah satu
tanda operasi, amati hasilnya
6.
Hasil percobaan
C.
TUGAS
Buatlah aplikasi pengambil keputusan sederhana menggunakan javascript yang
menghitung nilai dengan ketentuan:
Jika nilai 0-20 = E,
Jika nilai 21-40 = D,
Jika nilai 41-60 = C,
Jika nilai 61-80 = B,
Jika nilai 81-100 = A.
<html>
<head>
<title>Belajar Bahasa
Javascript</title>
</head>
<body>
<p>
<center>
<script
type="text/javascript">
var
nilai=prompt ("Masukan
Nilai","");
if(nilai>=81)
{
document.write ("NILAI:
",nilai+", Nilai Dalam Huruf:
A");
}
else
if(nilai<=80 && nilai
>=61)
{
document.write ("NILAI:
", nilai+", Nilai Dalam Huruf
: B");
}
else
if(nilai<=60 && nilai
>=41)
{
document.write ("NILAI :
", nilai+", Nilai Dalam Huruf
: C");
}
else
if(nilai<=40 && nilai
>=21)
{
document.write ("NILAI : ", nilai+", Nilai Dalam Huruf : D");
}
else
if(nilai<=20)
{
document.write ("NILAI : ",nilai+", Nilai Dalam Huruf : E");
}
</script>
</center>
</body>
</html>
