Pemrograman Web JavaScript Lutfi Budi Ilmawan Univ. Muslim Indonesia JavaScript Javascript adalah bahasa pemrograman skrip yang ditempelkan pada kode HTML & Web. Javascript digunakan untuk memprogram behavior dari suatu halaman web. Javascript dan java merupakan 2 bahasa pemrograman yang berbeda. Diperkenalkan dengan nama LiveScript oleh pihak Nestcape, kemudian diganti menjadi JavaScript. JavaScript termasuk dalam bahasa pemrograman client side scripting. Penulisan JavaScript Internal Eksternal Penulisan Internal Kode javascript disisipkan pada dokumen html. Di apit oleh tag <script> … </script> Tag <script> bisa ditempatkan dalam tag <head> atau tag <body> Jika penulisan secara internal, kode javascript dianjurkan ditulis dalam tag <body> dan berada pada bagian akhir, sebab dapat mempercepat page load. Penulisan ekternal Penulisan secara eksternal dilakukan jika kode javascript yang sama digunakan oleh halaman web yang berbeda-beda. File eksternal javascript memiliki ekstensi .js Untuk melakukan metode penulisan eksternal, digunakan tag <script> dengan atribut src. Keuntungan: Kode javascript dan HTML berpisah, sehingga mudah untuk dibaca dan diubah. Dapat mempercepat page load. JavaScript Output Javascript dapat menampikan data dengan cara: Menampilkan data pada Alert Box, menggunakan window.alert() Menampilkan data pada dokumen HTML, menggunakan document.write() Menampilkan data pada elemen HTML, menggunakan innerHTML Menampilkan data pada browser console, menggunakan console.log() JavaScript Syntax Statement pada javascript dipisahkan oleh tanda titik koma (;). Konstanta pada javascript disebut sebagai literal. Variabel pada javascript didefinisikan menggunakan keyword var Contoh: Var x; x = 5; Camel case dan underscore digunakan untuk penulisan variabel yang memiliki 2 atau lebih suku kata pada javascript, sedangkan penggunaan hyphen tidak diperbolehkan. JavaScript Operator Operator Aritmatik JavaScript Operator (cont.) Assignment operator JavaScript Operator (cont.) Operator pembanding JavaScript Operator (cont.) Operator logic Tipe data pada JavaScript Javascript dapat menampung nilai dengan tipe data number, string, array, object, boolean, dll. Javascript dapat memiliki tipe data yang dinamis. Function Function merupakan blok/potongan program yang dapat berisi instruksi/statement tertentu. Function bisa digunakan berulangkali tanpa harus melakukan parsing dan compile ulang. Function hanya dieksekusi jika dipanggil. Terdiri dari 2: Function invocation tidak mengembalikan nilai Function Return mengembalikan nilai Penulisan function: function nama_function(){ …….. …….. } Event Event merupakan keadaan yang diakibatkan oleh perubahan kondisi suatu item. Dalam pemrograman, setiap event dapat ditulisi kode untuk mengerjakan beberapa perintah. Statement Kondisional If statement Switch Perulangan / Looping Looping digunakan untuk megulang statement tertentu pada program. Dengan looping, seorang programer tidak lagi menulis kode program secara berulang untuk kode yang fungsi dan penggunaanya sama , tetapi hanya mendevenisikannya di dalam looping sehingga dapat menghemat space dalam menulis kode sebuah program. Jenis: Perulangan for Perulangan while Perulangan do … while Perulangan for Penulisan: Perulangan while Penulisan: Perulangan do … while Penulisan