Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Praktikum Pengambangan Web
Java Script Praktikum Pengambangan Web
2
Java Script ? Javascript adalah kode scripting untuk bahasa pemrograman web. Sebagian besar website HTML modern menggunakan Javascript JavaScript adalah bahasa pemrograman client side scripting yang paling populer di dunia client side scripting artinya semua instruksi dalam coding akan dijalankan dalam komputer client, bukan server.
3
Sebuah bahasa scripting adalah bahasa pemrograman ringan.
JavaScript adalah kode pemrograman yang dapat dimasukkan ke dalam halaman HTML. Kode JavaScript dapat dieksekusi oleh semua browser web modern.
4
Mari Bermain JavaScript
Example 1 <html> <head> <script type="text/javascript"> document.write("Halo Halo"); document.write("<h1>Tag Html</h1>"); </script> </head> </html> Java Script diawali tag <script> dan di akhiri </script>
5
Untuk mencetak suatu text pada browser bisa menggunakan syntax Selain itu bila ingin menampilkannya pada suatu dialog bisa menggunakan fungsi alert() document.write(“string_value”); alert(“string_value”);
6
Example2 <html> <head> <script> function coba() {
alert("Haloo, "); } </script> </head> <body> <button type="button" onclick="coba()"> Klik aja ! </button> </body> </html>
7
Penjelasan Contoh sebelumnya merupakan suatu penanganan event (pemberian aksi). Pada contoh yakni pada button. Misal bila button di klik akan menampilkan dialog hello. Maka tambahkan attribut onclick pada tag button. Kemudian pada value tambahkan fungsi javascript alert(); <Button type=“button” onclick=“alert(‘Halloo !’)”> Lebih lanjut:
8
Example 3 Javascript code (script.js) HTML code function coba() {
alert("Haloo, "); } <html> <head> <script src="script.js"></script> </head> <body> <button type="button" onclick="coba()"> Klik aja ! </button> </body> </html>
9
<script src=“{source_code_js}”></script> .
Penjelasan Untuk mempermudah dalam menyisipkan code javascript pada html maka di buatlah (link) external file javascript lain agar lebih simple. Yakni menggunakan tag Kemudian pada file *.js nya tinggal ketik saja fungsi yang akan digunakan seperti pada contoh. <script src=“{source_code_js}”></script> .
10
Example 4 <script> function validasi() {
nama = document.getElementById("nama").value; komen = document.getElementById("komen").value; if(nama == "") alert("Maaf, nama harus di isi"); document.getElementById("nama").focus(); return false; } else if(komen == "") alert("Maaf, anda tidak di ijinkan mengisi komentar kosong "); document.getElementById("komen").focus(); else alert("Terima kasih sudah mengisi form "); </script>
11
Example 4 (cont) CSS HTML <form onsubmit="return validasi()">
<style type="text/css"> input:focus, textarea:focus { background-color:yellow } </style> CSS HTML <form onsubmit="return validasi()"> Nama <input type="text" id="nama"><br /><br /> Komentar <br /> <textarea id="komen"></textarea><br /> <input type="submit" value="Validasi " /> </form>
12
Penjelasan Pada tag form ada attribut onsubmit, hal ini berarti bila form di submit (kirim ke server) maka akan memanggil suatu fungsi javascript. Pada contoh fungsi validasi yang harus di definisikan dalam suatu javascript baik inline maupun outline
13
Selesai :D Mau Pulang Apa Mau Kuis?
14
? ??? ???? ????? ??????? ??????????
Presentasi serupa
