materi 4 - javascript
TRANSCRIPT
![Page 2: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/2.jpg)
Pengantar
Dengan JavaScript, maka konten website menjadi lebih dinamis.
JavaScript memungkinkan adanya event-event tertentu pada setiap komponen form.
JavaScript digunakan untuk membuat pesan warning. Gunakan beberapa event ONxxx pada atribut komponen,
misalnya :
1. OnClick
2. OnLoad
3. OnMouseOver
4. OnFocus, dll
![Page 3: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/3.jpg)
Format Kode JavaScript
<SCRIPT LANGUAGE="text/javascript">
<!–
deklarasi kode javascript
-->
</SCRIPT>
![Page 4: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/4.jpg)
Contoh<html><head><title>Untitled Document</title></head><script language="javascript"> function dontClick(){alert("I told you don't click me !");}</script> <body><form name="form1"> <input type="button" name="button" value="Don't click me" onClick="dontClick()"></form></body></html>
![Page 5: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/5.jpg)
Pesan Konfirmasi <html> <head> <title>Untitled Document</title> </head> <script language="javascript"> function konfirmasi()
{ if(confirm("Yakin Mau Keluar Windows ?")) { alert("Anda mengklik tombol [OK]"); } else { alert("Anda mengklik tombol [CANCEL]"); } } </script> <body> <form name="form1" method="post" action=""> <input type="button" name="button" value="Konfirmasi“
onClick="konfirmasi()"> </form> </body> </html>
![Page 6: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/6.jpg)
Validasi Form
<html><head></head><script language="javascript"> function Empty(field){ if(field == "") { return(true); } else { return(false); } }
![Page 7: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/7.jpg)
function Validate(form){ var error = 0;
if(Empty(form.term.value)) error = 1;
if(error) { alert("Error, karena anda belum menginputkan
teks !"); } else { form.submit(); }}</script>
![Page 8: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/8.jpg)
<body>
<form name="form1" method="post">
<input name="term" size=15 maxlength=50>
<input type="button" value="Search" onClick="Validate(this.form);">
</form>
</body>
</html>
![Page 9: Materi 4 - JavaScript](https://reader031.vdokumen.com/reader031/viewer/2022020115/552972f6550346a82e8b47a3/html5/thumbnails/9.jpg)