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