PENGENALAN JAVA SCRIPT Pemrograman Berbasis Web/suvi.rahma@gmail.com STIMATA@2018 STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI RAHMAWATI linda@stimata.ac.id
Karakteristik java script Suatu Script yang berjalan secara client site yang disisipkan pada dokumen HTML Bahasa pemrograman yang dapat memberikan kemampuan tambahan terhadap bahasa HTML JavaScript bersifat Case Sensitive Sintaks penulisan Javascript memiliki kemiripan dengan bahasa pemrograman Java dan Juga C Javascript dikembangakan Netscape disebut Web Script Javascript dikembangakan Sun Microsystems disebut applet
sintaks java script <script language=”javascript”> <!—- // pendefinisian variabel atau objek /* statement – statement javascript */ //--> </script> Atau <script type=”text/javascript”>
Penempatan skrip java script 1. Body dalam dokumen HTML 2. Header, dalam bentuk function 3. Terpisah dari dokument HTML(External JavaScript) <HTML> <HEAD> </HEAD> <BODY> <script type=”text/javascript”> // Baris kode javascript diketik disini // Setiap perintah diakhiri tanda; <script> </BODY></HTML> function namafunction(parameterinput) // Baris kode fungsi disini dan diakhiri oleh } </script> ...... ...... Function – function JavaScript yang dibuat dipanggil dalam BODY </BODY> </HTML> Bilamana JavaScript diletakkan pada file (file.js) terpisah dengan file y dipanggil oleh file tersebut. Contoh penulisan Java dari external javascript: <html> <head> </head> <body> <script type=”text/javascript” src=”file.js”></SCRIPT> </body> </html> File.js adalah : document.write("<font color=red><center>”); document.write("This message is written when the page loads</center></font>");
Komentar Untuk memeberikan komentar dalam skrip JavaScript menggunakan : Untuk menulis komentar dalam satu baris kita gunakan karakter dobel slash. // semua karakter di belakang // tidak akan di eksekusi Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter /* dan */ /* Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator */
Java script sebagai bahasa berorientasi pada obyek Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil. Penulisan : Nama_objek.nama_properti = nilai window.defaultStatus = ”Selamat Belajar JavaScript”; Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan terhadap objek. Nama_objek.nama_metode(parameter) document.write (”Hallo”)
Perintah mencetak JAVA SCRIPT 1. Objek Document Property dari Objek Document Untuk memberikan warna huruf document.fgColor= “warna”; Untuk memberikan caption / judul pada window document.title = “judul_window”; Untuk menuliskan semua eksekusi isi window / menulis teks tanpa ganti baris document.write (“ tempat eksekusi”); Untuk menuliskan semua eksekusi isi window / menulis teks dengan ganti baris document.writeln (“ tempat eksekusi”);
Perintah mencetak JAVA SCRIPT 2. Objek Window Method dari objek Window Untuk memunculkan message box atau pesan peringatan window.alert(“pesan”); Untuk memunculkan pesan konfirmasi window.confirm(“pesan”); Untuk mencetak sebuah inputan window.prompt (“ pesan”); Untuk membuka jendela dialog print window.print (); Untuk melakukan redirect ke halaman lainwindow.location = “alamat file”;
Perintah mencetak JAVA SCRIPT 3. Tanda Penghubung Tanda penghubung dalam JavaScript adalah (+). Tanda ini digunakan untuk menghubungkan variable dan string, atau variabel dan variabel. Contoh: Nama=”Kucing” Document.write(“nama hewan:”+Nama) \\Hasil: ‘nama hewan:Kucing’.
Variabel Variabel adalah tempat dimana kita menyimpan nilai-nilai atau informasi-informasi pada JavaScript. Variabel yang dideklarasikan dapat di isi dengan nilai berupa huruf, angka, dll. Jika anda memberi nilai pada variabel, maka dalam JavaScript dianggap bahwa anda telah mendeklarasikan variabel tersebut.
VARIABEL Aturan penamaan variabel: Deklarasi variabel: Nama variabel harus dimulai dengan huruf, $, _(underscore) nama variabel cassensitive Tidak boleh menggunakan spasi Jangan menggunakan reserved word (kata – kata – perintah dalam java script) Deklarasi variabel: eksplisit : dengan menuliskan kata kunci var kemudian diikuti dengan nama variabel dan nilai dari variabel implisit : dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel Contoh1 : Var namakota; namakota = “malang”; Contoh2 : var namakota = “malang”; Contoh3: var namakota = “malang”, propinsi=“jawa timur”, kode=“3”;
Peletakan variabel Jika dia dideklarasikan dibagian awal dari skrip program, yang artinya sebelum pendeklarasian semua fungsi, maka semua fungsi di dalam program bisa mengakses variabel ini, dan variabel ini menjadi variabel global. Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu, maka variabel itu hanya bisa di akses dari dalam fungsi tersebut, dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain, dan kita sebut variabel ini menjadi variabel lokal.
Konversi Jenis Variabel Meskipun JavaScript memungkinkan pengaturan perubahan jenis variabel secara transparan, kadang kadang kita perlu juga untuk melakukan konversi jenis variabel secara paksa. • parseInt() Fungsi ini mungkinkan merubah satu variabel yang dilewatkan dengan parameter tertentu (bisa dalam bentuk string ataupun dalam bentuk bilangan dalam basis yang disebutkan di parameter kedua) menjadi bilangan bulat. Sintaksnya adalah sebagai berikut : parseInt(string); Berikut ini salah satu contoh penggunaan fungsi parseInt() : var a = "5"; var b = "10"; document.write(a+b,"<BR>"); // hasil 510 document.write(parseInt(a)+parseInt(b),"<BR>"); // hasil 50
Konversi Jenis Variabel parseFloat() Adalah satu fungsi inti dari JavaScript yang memungkinkan merubah variabel yang dilewatkan dengan parameter tertentu menjadi bilangan desimal, Sintaks dari fungsi parseFloat adalah sebagai berikut : parseFloat(string);
TIPE DATA Tipe data String adalah data yang memuat karakter, misalnya “malang”. String adalah sembarang teks yang berada di dalam tanda petik, baik petik tunggal (‘) ataupun ganda (‘’) Contoh : Var namakota = “malang”; var propinsi = ‘jawa timur’;
TIPE DATA Tipe data integer (bulat)dan Tipe data Float(pecahan) merupakan tipe data numerik. Untuk bilangan bulat, kita dapat mempresentasikan dengan basis desimal, oktal ataupun heksadesimal. Contoh : Var x1= 34; Var x2 = 3.14;
TIPE DATA Tipe data Boolean terdiri dari dua nilai, yaitu true atau false. Contoh : Var x = true;
OPERATOR Operator aritmatika untuk operasi matematika Contoh : <script> var x = 4; var y = 2; z = x + y; alert(z); </script>
OPERATOR Operator Assignment operator yang berfungsi untuk memberikan nilai kepada suatu variabel menggunakan tanda sama dengan (=) Contoh : <script> var x = 4; var y = 2; x -= y alert(x); </script>
Operator Operator Pembanding digunakan untuk membandingkan dua buah operan. Operan yang dikenal operator ini dapat bertipe string, numerik, dll Contoh <html><head> <script> var x = 4; var y = 2; if(x > y){ alert("x lebih besar dari y"); } </script> </head> <body></body></html>
OPERATOR Operator Logika untuk menunjukkan nilai kebenaran antara beberapa variabel atau beberapa nilai. Contoh : <script> var x = 76; if(x >= 80){ alert("Nilai = A"); }else if(x >= 70 && x < 80){ alert("Nilai = B"); }else if(x >= 60 && x < 70){ alert("Nilai = C"); }else{ alert("Nilai = D"); } </script>
operator Operator String Operator + yang digunakan untuk variabel jenis String memungkinkan kita untuk melakukan penggabungan (concantenate) dua variabel String. Perlu dicatat juga bahwa var='a'+'b' adalah sama dengan var='ab'