Tugas Desain Web Kelas A – A Tanggal 26 Maret 2013 | Catatan Kecil

(1)

PENGANTAR JAVASCRIPT.

Sekilas Te ta g Ja as ript

Ja as ipt adalah ahasa pe og a a a g popula . Ja as ipt adalah ahasa pe og a a a g digu aka u tuk HTML da WEB, u tuk “e e , PC, Laptop, ta let da le ih a ak lagi. Kode pe og a a ja as ipt dapat disisipka kedala hala a HTML. Pada a al a, Ja a“ ipt ulai dipe ke alka di

o se Nets ape Na igato . Na u aktu itu a a a uka Ja a“ ipt, a u Li e“ ipt. Me gi gat pada aktu itu tek ologi Ja a seda g pa as-pa as a atau seda g t e , aka pihak Nets ape

e utuska u tuk e gga i a a a e jadi Ja a“ ipt, a g sepe i a a a te se ut le ih a kei le di a di gka Li e“ ipt. “ela jut a pihak Mi osot i al Nets ape pu ulai ikut-ikuta e fasilitasi e o se uata a, I te et E plo e , supa a isa e duku g Ja a“ ipt. Na u u gki ka e a ge gsi, pihak Mi osot e e i a a ahasa a g lai , aitu Js ipt. Mulai saat itu, Nets ape da Mi osot ulai e lo a-lo a e ge a gka ahasa te se ut dala e si a g

e lai a . Oleh se a pe sai ga itulah te kada g suatu Ja a“ ipt u gki isa eke ja de ga aik di o se Nets ape, tapi idak de ikia hal a di IE, egitu pula se alik a.

Bagai a a Me ulis Ja as ript

Ada dua je is agai a a ja as ipt di uat, pe ta a ja as ipt ditulis dala ile a g te pisah de ga HTML, kedua ja as ipt ditulis dala HTML. Ja as ipt a g ditulis dilua HTML dise ut Ekste al Ja as ipt de ga ekte si ile .js. Dala HTML, pe ulisa s ipt dia ali de ga <s ipt> … </s ipt>. “ ipt a g aka dijala ka ha us diletakka dia ta a <s ipt> da </s ipt>. Tag <s ipt> e iliki e e apa at i ut, a u a g te pe i g adalah at i ut la guage da t pe. Ka e a Ja as ipt uka satu-satu a ahasa s ipi g, aka sa gatlah pe lu u tuk e e itahuka kepada o se ah a ahasa s ipt a g digu aka adalah Ja as ipt da sela jut a o se aka e jala ka odul pe duku g Ja as ipt u tuk e p oses a. “ehi gga u tuk Ja as ipt, pada tag <s ipt> pe lulah dita ahka at i ut e ikut i i:

“ ipt dapat diletakka di tag < od > da atau di tag <head> pada agia hala a HTML.

Contoh 1

(2)

Pada o toh e ikut, s ipt di tulis pada aga < od >

document.write(“<h1> Belajar Javascript</h1>”);

{

document.getElementById("coba").innerHTML="Belajar membuat fungsi"; } <script language=”JavaScript” type=”text/javascript”> Function cobafungsi()

(3)

document.getElementById("coba").innerHTML="Belajar Fungsi Javascript"; }

</script> </body> </html>

Me

eri Ko e tar pada Ja as ript.

Ko e ta pada suatu s ipt idak aka dieksekusi oleh Ja as ipt. Ko e ta dita ahka pada s ipt u tuk e e ika pe jelasa s ipt atau e uat sk ip idak dieksekusi. U tuk e e ika ko e ta a g ha a satu a is gu aka //.

Be ikut o toh agai a a e e i ko e ta si gle.

Contoh 5

// Write to a heading:

document.getElementById("myH1").innerHTML="Selamat datang di Homepage Saya"; // Write to a paragraph:

document.getElementById("myP").innerHTML="Ini adalah paragraph saya.";

Contoh 6

var x=5; // mendeklarasikan x dan memasangkannya dengan 5 var y=x+2; // mendeklarasikan y dan memasangkannya dengan x+2

U tuk e e ika ko e ta le ih da i satu a is, gu aka /* da */. Jadi s ipt a g te letak di a ta a /* da */ aka dia ggap se agai ko e ta . Be ikut o toh e e i ko e ta a g le ih da i satu a is.

Co toh

/*

Kode berikut akan ditulis ke heading dan paragraph. Dan akan menampilkan halaman homepage

*/

(4)

TIPE DATA DAN VARIABEL

Tipe Data da Varia el pada Ja as ript

Lazi a ahasa pe og a a , ja as ipt e iliki ipe data da a ia el. Va ia el pada ja as ipt sepe i kotak atau adah a g digu aka u tuk e i pa i fo asi a g se a iasa dapat diload. “eda gka ipe data te kait de ga je is data atau ilai a g disi pa dala a ia el.

Deklarasi Varia el

Dala ja as ipt, seiap kali aka e ggu aka a ia el, la gkah pe ta a a g ha us dilakuka adalah e dekla asika ke e adaa a a a ia el. Hal i i pe lu dilakuka ka e a de ga ada a dekla asi a a a ia el, o pute aka e ediaka e e apa agia e o i u tuk e i pa ilai pada a a a ia el te se ut. U tuk e dekla asika a ia el digu aka kata ar. Dala e dekla asika a a a ia el ada e e apa atu a a g ha us dipe haika , aitu :

. Na a a ia el ha us di ulai de ga hu uf . Na a a ia el juga dapat di ulai de ga $ da _

. Na a a ia el adalah asesensiive e pe haika esa ke il a hu uf .

. Ja ga e ggu aka Reserved Word atau kata te ada g se agai a a a ia el. Kata te ada g adalah kata a g sudah uilt in dala ja as ipt a g sudah e ak a khusus. Pe ggu aa kata te ada g i i aka e gaki atka error.

Contoh 1 var namakota;

namakota=“Malang”;

Contoh 2

var namakota=“Malang”;

Contoh 3

var namakota=“malang”, propinsi=“Jawa Timur”, kode=”3”, x=6.23;

(5)

e dekla asika e e apa a ia el sekaligus. U tuk e dekla asika e e apa a ia el digu aka ta da ko a , u tuk e isahka a ia el satu de ga a g lai a.

Tipe Data

Tipe data pada ja as ipt elipui : “t i g, I tege , Float, A a , O je t da Boolea s. Tipe data st i g adalah data a g e uat ka akte , isal a Mala g . “t i g adalah se a a g te t a g ada di dala ta da peik, aik peik ga da aupu peik tu ggal . Tipe data i tege da loat e upaka ipe data u e ik. Dala e dekla asika ipe data o je t digu aka ta da ku u g ku a al … . “eiap p ope t dala ipe data o je t dipisahka de ga e ggu aka ta da ko a , . Tipe data Boolea s te di i da i dua

ilai, aitu t ue atau false. Be ikut e e apa o toh pe ggu aa ipe data pada ja as ipt.

Contoh 4

var namakota=“Malang”; // tipe data string

var propinsi=’Jawa Timur’; // tipe data string

var x1=34; // tipe data integer

var x2=3.14; // tipe data float var y=123e4; // tipe data integer

var x=true; // tipe data boolean

Contoh 5

//berikut beberapa cara mendeklarasikan Array var mobil=new Array();

mobil[0]=”Toyota”; mobil[1]=”Daihatsu”; mobil[2]=”Honda”;

var bulan=new Array(“Januari”,”Febuari”,”Maret”,”April”);

var kampus=[“UM”,”UNMUH”,”KANJURUHAN”,”UIN MAULANA MALIK”,”ITN”];

Contoh 6

var klien={nama:”Pamungkas”, sex:”Laki-Laki”, id:”5758”};

(6)

OPERATOR PADA JAVASCRIPT

Operator Arit aika

Ope ato a it aika digu aka u tuk elakuka ope asi a it aika a ta a a ia el da atau ilai. Misal di e ika = , ta el e ikut e jelaska te ta g ope ato a it aika.

Ope ato Desk ipsi Co toh Nilai Nilai

+ Pe ju laha = +

- Pe gu a ga = –

* Pe kalia = *

/ Pe agia = / .

% Modulus “isa agi = %

++ I e e t =++

= ++

-- De e e t =--

= --

Operator Pe

eria Nilai

Ope ato pe e ia ilai digu aka u tuk e e ika ilai pada a ia el. Dala o toh e ikut, di e ika = , da = . Ta el e ikut e jelaska ope ato pe e ia ilai.

Ope ato Co toh “a a de ga hasil

= = =

+= += = + =

-= -= = – =

*= *= = * =

/= /= = / =

(7)

Operator + ya g digu aka pada ipe data Stri g

Ope ato + juga dapat digu aka u tuk e a ahka a ia el e ipe data st i g atau ilai te t.

Contoh 1

//untuk menambahkan dua atau lebih variabel tipe String, gunakan operator + txt1="Selamat Datang";

txt2="Di Jurusan Matematika"; txt3=txt1+” “+txt2;

Hasil dari script di atas adalah : Selamat Datang Di Jurusan Matematika

Contoh 2

//menambahkan String dan Bilangan x=5+5;

y="5"+5;

z="angka "+5;

Hasil dari script di atas adalah : 10

55 angka 5

Operator Pe

a di g

Ope ato pe a di g digu aka dala pe ataa logika u tuk e e tuka kesa aa atau pe edaa dia ta a ilai- ilai. Di e ika ilai X = , ta el di a ah i i e jelaska ope ato pe a di g

Ope ato Desk ipsi Pe a di g Balika

== “a a de ga X== False

X== T ue

=== “a a pe sis de ga ilai da ipe data X=== False

X=== T ue

!= Tidak sa a de ga X!= T ue

!== Tidak sa a de ga ilai atau ipe data X!== T ue

X!== False

> Le ih esa da i X> False

< Le ih ke il da i X< T ue

Le ih esa sa a de ga X>= False

(8)

Operator Logika

Ope ato logika digu aka u tuk e u jukka ilai ke e a a a ta a e e apa a ia el atau e e apa ilai. Di e ika ilai X = da Y = , ta le di a ah e jelaska ope ato logika.

Ope ato Desk ipsi Pe a di g Balika

&& Da X < && Y > T ue

|| Atau X == || Y == False

! Negasi/I gka a ! == T ue

Operator Bersyarat

Ja as ipt juga e uat ope ato e s a at a g e e ika suatu ilai ke suatu a ia el e dasa ka ko disi a g sa a.

“ ta a :

NamaVariabel=(syarat)?nilai 1: nilai 2

Co toh :

<!DOCTYPE html> <html>

<body>

<p>Klik tombol untuk memeriksa usia</p>

Usia:<input id="usia" value="18" /> <p>Apakah Usianya mencukupi?</p>

function myFunction() {

var usia,periksa;

usia=document.getElementById("usia").value;

periksa=(usia<18)?"Terlalu Muda":"Usia memenuhi"; document.getElementById("coba").innerHTML=periksa; }

</script>

(9)

Prakiku : Ja as ript Part

Laiha . My First Ja as ript

Buatlah s ipt e ikut i i. Jala ka s ipt da e ilah ko e ta .

Laiha . Varia el

Laiha . Operator Arit aika

<html>

alert("blok script 1 sedang dijalankan"); </script>

<p>Paragraph 2</p>

document.bgColor = "RED";

alert("blok script 2 sedang dijalankan"); </script>

<title>Contoh Javascript</title> </head>

<body>

variabelku = "Hello"; // bertipe string alert(variabelku);

variabelku = 54321; // bertipe numerik alert(variabelku);

(10)

Laiha . Operator Arit aika

var bilPertama = 15; var bilKedua = 10;

hasil = bilPertama + bilKedua;

alert(hasil); // menampilkan hasil 25

hasil = bilPertama - bilKedua;

hasil = bilPertama * bilKedua;

hasil = bilPertama / bilKedua;

alert(hasil); // menampilkan hasil 1.5 var bilangan; var hasil;

bilangan = 5;

bilangan += 4; // ekuivalen dengan statement bilangan = bilangan + 4; alert(bilangan); // menampilkan 9

hasil = bilangan + 2 - 1 * 4; alert(hasil); // menampilkan 7 var harga = prompt("Masukkan harga mula-mula (Rp) : "); var hargaDiskon;

hargaDiskon = harga - 0.2 * harga;

document.write("Harga setelah didiskon : Rp. " + hargaDiskon); </script>

(11)

Laiha . Me gko ersi Tipe Data

var teks = "2.3 adalah bilangan riil"; var bil1;

var bil2;

bil1 = parseFloat(teks); // konversi ke riil

document.write("Nilai dari bil1 = " + bil1 + "<br>");

bil2 = parseInt(teks); // konversi ke integer document.write("Nilai dari bil2 = " + bil2);

// menampilkan elemen array

document.write("mhs[0] = " + mhs[0] + "<br>"); document.write("mhs[2] = " + mhs[2] + "<br>"); document.write("mhs[1] = " + mhs[1] + "<br>");

// mengubah value elemen

mhs[1] = "Ari";

document.write("mhs[1] diubah menjadi " + mhs[1]);

(12)

Laiha . State e t

<!DOCTYPE html> <html>

<body>

<h1>Belajar Javascript</h1>

<p id=”paragraf">Ini adalah suatu paragraf</p>

<div id="Div">Ini adalah div.</div>

<p>

<button type="button" onclick="myFunction()">Coba Javascript</button> </p>

function myFunction() {

document.getElementById("paragraf").innerHTML="Halo Semuanya"; document.getElementById("Div").innerHTML="Bagaimana Kabar And?"; }

</script>

<p>Ketika Anda mengklik "Coba Javascript", dua elemen akan berubah.</p>

(13)

MEMBUAT FUNGSI

Fu gsi Pada Ja as ript

Fu gsi adalah suatu lok kode a g dijala ka keika ada s ipt a g e a ggil fu gsi te se ut. Fu gsi e upaka agia su p og a a g elaksa aka suatu tugas te te tu keika dipe luka . Fu gsi i i dapat dipa ggil de ga a a e uliska a a fu gsi a saja, da dise tai de ga pa a ete apa ila ada. Jadi pa a ete dala suatu fu gsi e sifat opsio al. “uatu fu gsi ditulis se agai lok kode de ga s ta se agai e ikut :

Contoh 1 <html> <head> </head> <body>

{

var diskon;

diskon = 0.5 * hargaAwal;

hargaDiskon = hargaAwal - diskon; return hargaDiskon;

}

var harga = prompt("Masukkan harga mula-mula (Rp) : ");

document.write("Harga stlh diskon 50% : Rp. " + diskon(harga)); </script>

</body> </html>

P oses pada s ipt di atas adalah se agai e ikut:

Mula- ula use di i ta e asukka ha ga ula- ula, ha ga i i diassig ke dala a ia el ha ga, isal a . “ela jut a s ipt e etak ha ga setelah didisko . Dala hal i i, s ipt aka e a ggil fu io disko ha ga atau disko . Ka e a fu io disko e iliki pa a ete ha gaA al, aka

function namafungsi(parameter) {

(14)

ilai da i ha gaA al i i sa a de ga ilai da i a ia el ha ga, pada o toh i i adalah e ilai . “ela jut a aka dihitu g ilai disko aitu . * = , da ha gaDisko aitu – = .

Pe i tah etu ha gaDisko , a i a aka e ge alika ilai ha gaDisko ke fu io a g e a ggil a, aitu disko ha ga , lihat ta da pa ah pada s ipt di atas. “ehi gga aka te etak Ha ga stlh disko % : ‘p. .

“uatu fu io idak ha us te dapat etu alue. Pe haika o toh e ikut i i. Contoh 2

{

document.write(teks + "<br>"); }

</script> </head>

<body>

var i;

for(i=0; i<=5; i++) {

cetakTeks(kata); }

</script> </body>

</html>

Laiha

. Buatlah satu aplikasi e u tuk e gko e si suhu de ga e ggu aka fu gsi

(15)

PERNYATAAN BERSYARAT

Per yataa Bersyarat

Pe ataa e s a at digu aka u tuk e a pilka aksi a g e eda e dasa ka ko disi a g e eda. Pe ataa e s a at dala Ja as ipt a ta a lai :

. Pe ataa if . Pe ataa if … else . Pe ataa if … else if … . Pe ataa “ it h

Per yataa if

Pe ataa if digu aka u tuk e geksekusi ode apa ila s a at a g dite tuka di pe uhi e ilai e a . Pe ataa if e iliki s ta se agai e ikut :

Contoh 1 <html> <body>

var bil; var status;

bil = prompt("Masukkan sebarang bilangan : ");

if (bil > 10) {

status = "Anda telah memasukkan bilangan lebih besar dari 10"; }

document.write(status); </script>

</body> </html>

if (syarat) {

(16)

Per yataa if … else …

var status;

tanggal = prompt("Masukkan tanggal hari ini : "); if (tanggal > 15)

status = "Tanggal " + tanggal + " adalah tanggal muda"; }

Kode yang dieksekusi apabila syarat dipenuhi }

Else {

Kode yang dieksekusi apabila syarat tidak dipenuhi }

if (syarat 1) {

Kode yang dieksekusi apabila syarat 1 dipenuhi }

else if (syarat 2) {

Kode yang dieksekusi apabila syarat 2 dipenuhi }

else {

(17)

var status;

bil = prompt("Masukkan sebarang bilangan : "); if (bil > 10)

{

(18)

Tipe data da i a ia el a g aka di ek ha uslah o di al, isal a i tege . Dala hal i i ipe data iil idak

var nilaiHuruf;

nilaiAngka = parseInt(prompt("Masukkan sebuah bil bulat 1 s/d 5 : ")); switch(nilaiAngka)

{

case 1 : document.write("Anda memasukkan bilangan 1"); break;

default : document.write("Bilangan yang Anda masukkan tidak 1 s/d 5"); break;

(19)

x="Hari ini adalah hari Selasa"; break;

case 3:

x="Hari ini adalah hari Rabu"; break;

case 4:

x="Hari ini adalah hari Kamis"; break;

case 5:

x="Hari ini adalah hari Jumat"; break;

case 6:

x="Hari ini adalah hari Sabtu"; break;

}

document.getElementById("hari").innerHTML=x; }

Laiha

. Buatlah s ipt Ja as ipt u tuk e gko e si ilai a gka ke ilai hu uf de ga atu a se agai e ikut :

– : A

– : B – : C

– : D

– : E

Apa ila ilai a g di asukka idak dala e ta g – , aka aka u ul kete a ga ilai a g di asukka idak alid.

(20)

STRUKTUR PERULANGAN

Pe ula ga adalah suatu lok pe i tah atau kode a g diula g sela a s a at e ilai T ue. Dala ja as ipt, pe ula ga i i dapat di ataka dala e tuk, aitu de ga Fo da While. Pada agia i i aka dijelaska pe ggu aa Fo u tuk pe lua ga te le ih dahulu.

Perula ga FOR

Pe ula ga Fo se i g digu aka u tuk e uat pe ula ga de ga ju lah pe ula ga telah diketahui se a a pasi. “ ta da i pe ula ga fo adalah se agai e ikut :

Kete a ga :

“tate e t aka dieksekusi se elu pe ula ga di ulai

“tate e t e dei isika ko disi u tuk e jala ka pe ula ga “tate e t dieksekusi seiap kali kode lok selesai dieksekusi.

Contoh 1

for(counter=1; counter<=5; counter++) {

document.write("<font size='" + counter + "'>

Ini adalah font berukuran " + counter + "</font><br>");

}

</script> </body>

</html>

Contoh 2

For (statement 1; statement 2; statement 3) {

(21)

for(counter=5; counter>=1; counter--) {

document.write("<font size='" + counter + "'>Ini adalah font berukuran " + counter + "</font><br>");

}

Da i o toh da o toh di atas, dapat disi pulka ah a pe ula ga idak selalu dala e tuk i e e t, aka tetapi juga dapat dala e tuk de e e t. “elai itu ke aika atau pe u u a a idak selalu aik atau tu u . Pe haika o toh e ikut i i :

Contoh 3

for(counter=1; counter<=5; counter+=2) {

document.write("<font size='" + counter + "'>

Ini adalah font berukuran " + counter + "</font><br>");

}

</script> </body>

</html>

Perula ga While

Pada p i sip a e tuk pe ula ga While adalah i ip de ga pe ula ga Fo . “e a a u u si taks da i pe ula ga While adalah

Dala si taks di atas, agia state e t aka te us diula g sela a s a at e ilai T ue.

“e agai o toh, pe haika state e t dala Fo da While e ikut i i. Kedua state e t adalah ekui ale atau sa a pe haika de ga a a sa a

for(counter=1; counter<=5; counter++) {

document.write("Hello World <br>"); }

--- While (syarat)

{

(22)

counter = 1; while(counter<=5) {

document.write("Hello World <br>"); counter++;

}

Meskipu se ua state e t Fo dapat juga di ataka se agai While, a u idak e laku se alik a. Tida se ua state e t While dapat di ataka dala Fo . I ilah kele iha pe ula ga While.

Kele iha While di a di gka Fo adalah ah a ehile dapat digu aka apa ila ju lah pe ula ga idak diketahui. “eda gka u tuk Fo ha us diketahui ju lah pe ula ga a.

“e agai o toh pe u pa aa , isalka ada state e t egi i: “a a aka te us aka sela a sa a asih lapa . “tate e t te se ut adalah juga te asuk ko sep pe ula ga dala kehidupa seha i-ha i. Dala hal i i, ju lah e apa kali ha us aka idak diketahui. Melai ka ha a s a at aka a saja a g diketahui, aitu sela a asih lapa . Pe haika o toh e ikut i i. “ ipt i i aka te us e i ta use u tuk

e gisika suatu a gka sela a a gka a g di asukka uka a gka .

while(angka != 5)

{

angka = prompt("Masukkan sebuah angka : "); }

document.write("Anda telah memasukkan angka 5"); </script>

</body> </html>

(23)

PEMROSESAN FORM

Pada agia i i aka dipapa ka agai a a e p oses suatu i put data a g e asal da i ko po e fo , sepe i te t o , te ta ea, o o o , adio, uto , da lai lai . Pada dasa a u tuk se ua tag ko po e fo , disisipka dala tag fo .

For

Tag fo dala HTML e iliki s ta se agai e ikut :

Contoh 1

... ... </form>

U tuk e a a alue a g dii putka elalui ko po e dala fo e ggu aka ja as ipt e ggu ka o ek do u e t de ga s ta se agai e ikut :

“e agai o toh, s ipt e ikut i i adalah s ipt u tuk e a a ilai a g dii putka use elalui ko po e te t lalu e a pilka se agai ale t.

Contoh 1 <html> <head>

{

var nilai = document.formku.input.value;

alert("Anda telah memasukkan input : " + nilai); }

<form name=”namaform”> ...

... ... </form>

(24)

</script> </head> <body>

<h1>Baca Input</h1> <form name="formku">

Masukkan sebuah input <input type="text" name="input">

</body> </html>

Apa ila s ipt di atas dijala ka , aka aka u ul ta pila sepe i e ikut :

“ela jut a, pe haika o toh di a ah i i. Pada o toh i i, aka di uat se a a kalkulato sede ha a a g e gope asika pe ju laha , pe gu a ga , pe kalia da pe agia da i dua ila ga .

{

(25)

var op = document.formku.operasi.value; var hasil;

if (op == "jumlah") hasil = bilangan1 + bilangan2; else if (op == "kurang") hasil = bilangan1 - bilangan2; else if (op == "kali") hasil = bilangan1 * bilangan2; else if (op == "bagi") hasil = bilangan1 / bilangan2; document.formku.hasil.value = hasil;

}

<h1>Kalkulator Sederhana</h1> <form name="formku">

Bil Pertama <input type="text" name="bil1">

<option value="jumlah">Dijumlahkan</option> <option value="kurang">Dikurangkan</option> <option value="kali">Dikalikan</option> <option value="bagi">Dibagi</option> </select>

Bil Kedua <input type="text" name="bil2"> = <input type="text" name="hasil">

</form> </body>

</html>

(26)

EVENT HANDLER

Pada pe ahasa se elu a telah di e ika e e apa o toh s ipt a g telah e ggu aka e e ha dle o li k aitu apa ila suatu ele e diklik aka aka te jadi suatu efek/a io te te tu. Apakah ada e e t a g selai o li k ? Ja a a a jelas ada, e ikut e e apa e e t a g dapat kita gu aka .

MOUSE EVENTS

E e t Des ipio

o li k Mu ul keika use e gklik ele e / ko po e

o d l li k Mu ul keika use e gklik ga da pada ele e /ko po e o ousedo Mu ul keika use e eka pada ouse

o ouse o e Mu ul keika use e gge akka poi te ouse

o ouseout Mu ul keika use e gge akka poi te ouse kelua da i ele e /ko po e o t ol

o ouseo e Mu ul keika use e gge akka poi te ouse elalui/ ele ai ele e o ouseup Mu ul keika use elepas to ol ouse

Ke oa d E e ts

E e t Des ipio

o ke do Mu ul keika use e eka suatu to ol pada ke oa d

o ke p ess Mu ul keika use e eka suatu to ol ke oa d da aka te us u ul sa pai use elepas to ol

o ke up Mu ul keika use elepas to ol a g telah diteka

HTML CONTROL EVENTS

E e t Des ipio

o lu Mu ul keika HTML o t ol kehila ga fo us

o ha ge Mu ul keika HTML o t ol kehila ga fo us da ilai a e u ah o fo us Mu ul keika HTML o t ol seda g fo us

o eset Mu ul keika use e eka to ol eset dala fo o sele t Mu ul keika use e ilih teks pada HTML o t ol o su it Mu ul keika use elakuka su it fo

WINDOW EVENTS

E e t Des ipio

o load Mu ul keika i do telah selesai loadi g o esize Mu ul keika use e gu ah uku a i do

(27)

function dekati() {

document.formku.status.value = "Anda mendekati obyek link"; }

function jauhi() {

document.formku.status.value = "Anda menjauhi obyek link"; }

<h1><a href="" onmouseover="dekati()" onmouseout="jauhi()"> Obyek Link</a>

</h1>

</body> </html>

Be ikut ta pila da i s ipt di atas

‘efe e si :

. . s hool. o

. A i, ‘osiha . Dasa Ja as ipt. Diakses elalui . osiha a i. et