Pemprograman Web JavaScript

Pemprograman WebJavaScript Arif Dwi Laksito, S.Kom

Tentang JavaScript • 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

Penulisan JavaScript • Penulisan JavaScipt pada halaman web • Diletakkan di Head • Ditulisakan di Body • External File

Penulisan di Head 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). <head> <script type=“text/javascript”> . . . . . </script> </head>

Penulisan pada Body • Skrip akan dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan skrip pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian. • JumlahJavaScript di<head> dan<body> yang ditempatkan pada dokumen kita tak terbatas. <html> <head></head> <body> <script type=“text/javascript”> . . . . . </script> </body> </html>

Penulisan External • 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 <script> pada halaman HTML-nya. • File JavaScript: xxx.js <body> <script type=“text/javascript” src=“xxx.js”></script> </body>

JavaScript Sederhana • Menampilkan Text di Browser • Menampilkan AlertBox <body> <script type=“text/javascript”> Document.write(“ini ditulis dgn javascript”); </script> </body> <body> <script type=“text/javascript”> alert(“ini ditulis dgn javascript”); </script> </body>

Membuat Function • Function dapat dibuat dengan parameter ataupun tanpa parameter • Function tanpa parameter • Function dengan parameter • Function yang mengambalikan Nilai

Function tanpa Parameter • Sintax dasar : function (){ . . . . } <script type=“text/javascript”> function showMsg(){ alert(“Hello World”); } </script>

Function denganParameter • Sintax dasar : function (par1,par2,...,par-n){ . . . . } <script type=“text/javascript”> function showMsg(txt){ alert(txt); } </script>

Function yg mengembalikan Nilai • Sintax dasar : function (par1,par2,..,par-n){ return x; } <head> <script type=“text/javascript”> function jml(a,b){ return a+b; } </script> </head> <body> <script type=“text/javascript”> document.write(jml(4,7)); </script> </body>

Terima Kasih

Pemprograman Web JavaScript