Arif Dwi Laksito, S.Kom P EMPROGRAMAN W EB J AVA S CRIPT.

Presentasi berjudul: "Arif Dwi Laksito, S.Kom P EMPROGRAMAN W EB J AVA S CRIPT."— Transcript presentasi:

1 Arif Dwi Laksito, S.Kom P EMPROGRAMAN W EB J AVA S CRIPT

2 T ENTANG J AVA S CRIPT  JavaScript didesain untuk menambah interaktif suatu halaman Web  JavaScript merupakan suatu bahasa Scripting (bahasa pemrograman ringan)  JavaScript berisi baris kode yg dijalankan di web browser  javaScript biasanya disisipkan (embedded) dalam halaman Web  JavaScript merupakan bahasa interpreter (script di eksekusi tanpa kompilasi)  Bersifat open source, semua orang dapat menggunakan tanpa membayar lisensi

3 P ENULISAN J AVA S CRIPT  Penulisan JavaScipt pada halaman web  Diletakkan di Head  Ditulisakan di Body  External File

4 P ENULISAN DI H EAD Skrip ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakan skrip di head akan menjamin skrip di-load terlebih dahulu sebelum digunakan (dipanggil)......

5 P ENULISAN PADA B ODY  Skrip akan dieksekusi ketika halaman di-load sampai di bagian. Ketika menempatkan skrip pada bagian berarti antara isi dan JavaScript dijadikan satu bagian.  JumlahJavaScript di dan yang ditempatkan pada dokumen kita tak terbatas......

6 P ENULISAN E XTERNAL  Terkadang kita ingin menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang skrip yang diinginkan di setiap halaman.  Untuk menggunakan external JavaScript (.js), dipakai atribut ”src”pada tag pada halaman HTML-nya.  File JavaScript: xxx.js

7 J AVA S CRIPT S EDERHANA  Menampilkan Text di Browser  Menampilkan AlertBox Document.write(“ini ditulis dgn javascript”); alert(“ini ditulis dgn javascript”);

8 M EMBUAT F UNCTION  Function dapat dibuat dengan parameter ataupun tanpa parameter  Function tanpa parameter  Function dengan parameter  Function yang mengambalikan Nilai

9 F UNCTION TANPA P ARAMETER  Sintax dasar : function (){.. } function showMsg(){ alert(“Hello World”); }

10 F UNCTION DENGAN P ARAMETER  Sintax dasar : function (par1,par2,...,par-n){.. } function showMsg(txt){ alert(txt); }

11 F UNCTION YG MENGEMBALIKAN N ILAI  Sintax dasar : function (par1,par2,..,par-n){ return x; } function jml(a,b){ return a+b; } document.write(jml(4,7));

12 T ERIMA K ASIH