1 Java Script Logika Java Script2 Java Script Asal mula Java Script bernama LiveScript pada tahun 1995 di Netscape Communications Akhir tahun 1995 Net...
Java Script • Asal mula Java Script bernama LiveScript pada tahun 1995 di Netscape Communications • Akhir tahun 1995 Netscape Communications dan Sun Microsystems berkolaborasi, nama LiveScript di ubah menjadi JavaScript JavaScript Adalah : Pemrogramman yang berbasis prototype yang berjalan di sisi client.
Komponen Java Script xxxxxxxxxx <script language = “JavaScript”>
Komponen Java Script <script> dan Merupakan TAG awal untuk pembuatan java script, tag ini diikuti oleh LANGUAGE = “JavaScript” ini dibuat untuk browser mengenali bahwa memulai penggunaan JavaScript Merupakan tanda komentar yang tidak akan ditampilkan pada browser document.write (“XXXXXXXXXXXXXXX"); Mencetak atau menampilkan apa yang ingin kita tampilkan, pernyataan yang ditampilkan berupa string. Saat menampilkan karakter di akhiri dengan tanda titik koma (;)
Karakter Java Script Karakter
Keterangan
\a
Bel (suara speaker)
\b
Backspace (Menggeser kursor ke kiri)
\f
Form feed (Halaman baru untuk printer)
\n
Karakter Baris baru (memindahkan kursor kebaris berikutnya)
\r
Carriage Return (memindah kursor ke awal baris)
\t
Tab (Memindah kursor ke tab berikutnya)
Kesalahan Java Script Kesalahan Penggunaan huruf kapital JavaScirpt bersifat Case Sensitive Tanda Kutip yang tidak cocok Penggunaan tanda kutip yang tidak sesuai seperti dapat dicontohkan yaitu “ tes’ Kutip harus sesuai misal : ‘halo’ atau “halo” Kesalahan dalam TAG SCRIPT Dalam Script kekurangan kutip ganda dalam tulisan JavaScript
Javascript Bahasa Berorientasi Object Object Tersusun atas : Properti, Metode dan penanganan kejadian Properti Atribut dari sebuah object Contoh Penggunaan Property : nama_object.nama_property Nama Objek
Nama Properti
window.defaultStatus Pemisah antara objek dan property
Contoh Property Belajar JavaScript
Tes Property
<script language = “JavaScript”>
Javascript Bahasa Berorientasi Object Metode adalah : suatu kumpulan kode yang digunakan untuk melakukan suatu tindakan terhadap object Nama Objek
Nama Metode
document.write(“Haloo”) Pemisah antara objek dan Metode
Parameter
Contoh Metode Belajar JavaScript <script language = “JavaScript”>
Javascript Bahasa Berorientasi Object Penanganan Kejadian (Event Handler) adalah : suatu kumpulan kode yang akan dijalankan manakala pemakai melakukan suatu tindakan (kejadian) Contoh kejadian : onMouseOver dan onMouseOut
Contoh EventHandler Belajar JavaScript Arahkan Mouse pada LINK MENUJU WEB
Contoh Input data JavaScript Belajar Input data JavaScript <script language = “JavaScript”>
Contoh Jendela Peringatan JavaScript <script type="text/javascript"> function pesan() { alert(“Ini Pesan Dari Even Alert JavaScript!!!"); }
Variabel dan Nilai Variabel Adalah : suatu nama yang dapat digunakan untuk menyimpan nilai dan nilai yang ada di dalamnya bisa diubah sewaktu-waktu. Contoh Pendeklarasian Variabel : var nama = “andi”; Diisikan dengan String var nilai = 100; Diisikan dengan Bilangan var x,y,z = “7”; Diisikan dengan String var alamat; Diisikan dengan Null Tipe Data : 1. Bilangan Misal : -27,3 dan 3456 2. String Misal “Selamat Belajar JavaScript” 3. Nilai Logika atau Boolean Nilai berupa True atau False
Variabel dan Nilai Tipe Bilangan
Bilangan Bulat
Bilangan Desimal -Digit 0 – 9 -Tidak boleh di awali dengan 0 kecuali bilangan 0 itu sendiri
Operator Pembanding dan Logika Pembanding <script language = “JavaScript”> var nilai = prompt (“Nilai (0 – 100) : “, 0); var hasil = (nilai >= 60) ? “Lulus” : “Tidak Lulus”; document.write (“Hasil Anda : “ + hasil);
Operator Pembanding dan Logika If (kondisi) { //Blok pernyataan yang dijalankan //jika kondisi bernilai benar } Atau menggunakan else If (kondisi) { //Blok pernyataan yang dijalankan //jika kondisi bernilai benar } else { //Blok pernyataan yang dijalankan //jika kondisi bernilai benar }
Operator Pembanding dan Logika <script type="text/javascript"> var d = new Date(); var time = d.getHours(); if (time < 10) { document.write("Selamat Pagi"); } else { document.write("Selamat Siang"); }
Logika If Bersarang If Bersarang <script language = “Javascript”> var tanggal = new Date(); var kode_hari = tanggal.getDay(); var nama_hari = “”; if (kode_hari == 0) nama_hari = “Minggu”; else if (kode_hari == 1) nama_hari = “Senin”; else if (kode_hari == 2) nama_hari = “Selasa”; else if (kode_hari == 3) nama_hari = “Rabu”; else
if (kode_hari == 4) nama_hari = “Kamis”; else if (kode_hari == 5) nama_hari = “Jumat”; Else nama_hari = “Sabtu”; document.write(“Hari ini hari “ + nama_hari); document.write(“, tanggal “ + tanggal.getDate() + “/” + (tanggal.getMonth() + 1) + “/” + tanggal.getYear());
Logika Switch Switch (variabel1) { case nilai_1 : perintah_1; break; case nilai_2 : perintah_2; break; .......... case nilai_m : perintah_m; break; default: perintah_n; break; }
Logika Switch Contoh Switch <script language = “Javascript”> var tanggal = new Date(); var kode_hari = tanggal.getDay(); var nama_hari = “”; Switch(kode_hari) { case 0: nama_hari = “Minggu”; break; case 1: nama_hari = “Senin”; break; case 2: nama_hari = “Selasa”; break; case 3:
nama_hari = “Rabu”; break; case 4: nama_hari = “Kamis”; break; case 5: nama_hari = “Jumat”; break; case 6: nama_hari = “Sabtu”; } document.write(“Hari ini hari “ + nama_hari); Document.write(“, tanggal “ + tanggal.getDate() + “/” + (tanggal.getMonth() + 1 ) + “/” + tanggal.getYear());
Perulangan Proses perulangan : while do ..... while for Contoh : Perulangan <script language = “JavaScript”> var bilangan = 0; while (bilangan < 5) { document.write (“Bilangan “ + bilangan + “ ”); bilangan++; }
Fungsi function nama (daftar_parameter) { pernyataan_1; ........ pernyataan_n; } Contoh : Contoh Fungsi <script language = “JavaScript”> function jumlah(x,y) { var hasil = x + y; return (hasil); } document.write (jumlah (4,5)); Document.write (“ ”); document.write (jumlah (5,6));
Fungsi Dalam Box Konfirmasi <script type="text/javascript"> function tampil() { var r=confirm("Silakan tekan Tombol"); if (r==true) { alert("Anda Menekan Tombol OK !!!"); } else { alert("Anda Menekan Tombol Cancel !!!"); } }
Fungsi Dalam Box Konfirmasi validasi dalam form <script language = “JavaScript”> function cekNama (form) { if (form.elements*0+.value == “”) , alert(“Nama harus dimasukkan”); form.nama.focus(); form.nama.select(); return(false); } alert(“Terima Kasih, “ + form.elements*0+.value); return (true); }
Fungsi Array JavaScript Array adalah : wadah yang dapat menyimpan sejumlah nilai skalar. Contoh : Array <script type="text/javascript"> var mobil= new Array(); mobil[0] = "Toyota Rush"; mobil[1] = "Toyota Yaris"; mobil[2] = "Honda Jazz"; for (i=0;i<mobil.length;i++) { document.write(mobil[i] + " "); }
Fungsi Array Concat Menggabungkan 2 buah elemen array Contoh : Array <script type="text/javascript"> var ortu = ["Jani", "Tove"]; var anak = ["Cecilie", "Lone"]; var keluarga = ortu.concat(anak); document.write(ortu);
