PEMROGRAMAN WEB 08 JavaScript Dasar Andi WRE
JavaScript Scripting language Lightweight scripting language Client-side scripting language Membuat halaman web menjadi lebih interaktif Digunakan untuk menambahkan fungsionalitas halaman web, validasi form, berkomunikasi dengan server, dll. Case sensitive JavaScript Java Here comes your footer Web Programming JavaScript Dasar
Kegunaan JavaScript Programming tool bagi designer Menangani event pada halaman web Dapat membaca dan mengubah isi dari sebuah element HTML Validasi data Mendeteksi jenis browser yang sedang digunakan Dapat mengambil dan menyimpan informasi pada browser (create cookies) Here comes your footer Web Programming JavaScript Dasar
Cara Penulisan JavaScript <body> Ditempatkan dalam tag body
Cara Penulisan JavaScript <head> Ditempatkan dalam tag head Javascript dalam header biasanya berupa function, jika tidak dalam bentuk function maka kode JavaScript tersebut akan langsung diproses ketika halaman web di-load. Contoh tanpa function :
Cara Penulisan JavaScript <head> Contoh dengan function
External JavaScript Kode JavaScript dibuat dalam file yang terpisah File yang berisi kode JavaScript namafile.js Memanggil file.js <script type="text/javascript" src= namafile.js"></script> Javascript yang dibuat dalam file terpisah biasanya berupa function, jika tidak dalam bentuk function maka kode JavaScript tersebut akan langsung diproses ketika halaman web di-load.
External JavaScript Contoh tanpa function latihan.html tampil.js
External JavaScript Contoh dengan function latihan2.html tampil.js
JavaScript Statement JavaScript Case Sensitve Setiap statement diakhiri dengan semicolon ; Komentar dalam JavaScript single line comments // multi line comment /* */
JavaScript Variable Variable pada JavaScript tidak memperdulikan tipe data Variable dapat bersifat Local/Global Gunakan keyword var Aturan penamaan variable : - Nama variable bersifat case sensitve - Diawali dengan karakter alfabet, $, atau _ Deklarasi variable : var x; var carname; Assignment : x=5; carname="volvo"; var x=5; var carname="volvo";
ParseInt dan ParseFloat parseint Mengubah dari data bertipe string menjadi integer parsefloat Mengubah dari data bertipe string menjadi float Contoh :
JavaScript Operators Operator Aritmatika Operator Assignment Operator + pada string akan menghasilkan penggabungan dari kedua string tersebut.
JavaScript Operators Operator Perbandingan Operator Logika Operator perbandingan dapat digunakan pada saat mengisi nilai pada sebuah variable. variablename=(condition)?value1:value2
Conditional Statement if Statement if (condition) { code to be executed if condition is true } if...else Statement if (condition) { code to be executed if condition is true } else { code to be executed if condition is not true }
Conditional Statement if...else if...else Statement if (condition1) { code to be executed if condition1 is true } else if (condition2) { code to be executed if condition2 is true } else { code to be executed if neither condition1 nor condition2 is true } switch Statement switch(n) { case 1: execute code block 1 break; case 2: execute code block 2 break; default: code to be executed if n is different from case 1 and 2 }
JavaScript Loops for Loop for (variable=startvalue;variable<=endvalue;variable=variable+increment) { code to be executed } For...In Statement for (variable in object) { code to be executed }
JavaScript Loops while Loop while (variable<=endvalue) { code to be executed } do...while Loop do { code to be executed } while (variable<=endvalue);
Break and Continue Statements Break Statement Menghentikan loop dan mengeksekusi perintah berikutnya setelah loop Continue Statement Menghentikan loop yang sekarang sedang dieksekusi dan meneruskan loop dengan nilai yang berikutnya
JavaScript Popup Boxes Alert Box Memunculkan message box atau pesan peringatan Sintaks : alert("pesan"); Contoh :
JavaScript Popup Boxes Confirm Box Memunculkan pesan konfirmasi dan memiliki dua nilai kembalian berupa boolean OK True Cancel False Sintaks : confirm("pesan"); Contoh : Tekan OK
JavaScript Popup Boxes Prompt Box Meminta user untuk memasukkan sebuah nilai OK mengembalikan nilai yg di input user Cancel mengembalikan nilai null Sintaks : prompt("pesan", nilai default"); Contoh : Tekan OK
JavaScript Math Object
JavaScript Math Object Contoh :
Latihan 1
Latihan 2 Warning jika operator bukan +,-,*,/