Modul -7 : Java Script (2) 1 Mempelajari statemen loop for, loop while, konsep array, dan fungsi Java Script (2) Modul-7 :

Modul -7 : Java Script (2)2 Dalam modul ini akan dipelajari: 1. Statemen Loop for dan While 2. Loop dan Table 3. Konsep Array 4. Konsep Fungsi 5. Lebih jauh tentang parameter fungsi

Modul -7 : Java Script (2)3 1. Loop for dan while Untuk Loop for perbedaan java dan JavaSCript hanya terletak pada counter Dalam java ditulis : for (int i=0;i<A;i++) Maka dalam java Script : for (var i=0; i<A;i++) Contoh : var A=10 for (var i=0;i<A;i++) document.write(" "+i+" "); KLIK LIHAT HASILNYA

Modul -7 : Java Script (2)4 Loop for dan while (lanjutan…) Loop while yang mei\libatkan variabel juga sama Perbedaan pad definisi variabel saja sedangkan pada operator tidak ada beda dengan java var A=10 ; var B=0; while (B<A) { document.write(" "+B+" "); B+=2; } Hasilnya ? Klik

Modul -7 : Java Script (2)5 2. Loop dan table Lihat HASIL Statemen document.write(teks) dapat digunakan untuk membuat table Hal ini karena teks yang berisi table akan menciptakan table sebagai efek dari hasiol document.write() Program berikut membuat table Daftar Bilangan dan kuadratnya dari Java Script

Modul -7 : Java Script (2)6 3. Array Statemen Sales=new Array(3) demo Sales[1] Sales[2] Sales[3] “JONI” “RUDI” “YUNI” Statemen penugasan Sales[1]=“JONI” Sales Sales[1] Sales[2] Sales[3]

Modul -7 : Java Script (2)7 Array Untuk membuat array stetemen adalah : var NamaArray = new Array(Dimensi) Tidak seperti dalam java yang mana index array harus dimulai dari 0, dalam javaScript indek dapat dimulai dari 1 atau 0 Contoh : var sales = new Array(3); sales[0]=”JONI”; sales[1]=”RUDI”; sales[2]=”YUNI”; dapat juga ditulis sebagai : sales[1]=”JONI”; sales[2]=”RUDI”; sales[3]=”YUNI”; Contoh : Array untuk menampilkan Hari dan bulan (KLIK!) Klik lihat hasil demo

Modul -7 : Java Script (2)8 Array untuk buat tabel Daftar Pembelian Akan dibuat tabel pembelian barang alat tulis kantor 5 macam barang, data terdiri dari Nama barang, Harga barang, jumlah satuan barang Akan ditampilkan perhitungan pembelian (harga * satuan) dan dihitung total pembelian Data disimpan dalam array Perhitungan ditampilkan dalam tabel Tabel dibuat dari dalam JavaScript Klik -> hasil demo

Modul -7 : Java Script (2)9 4. Fungsi Sintak : function nama_fungsi (parameter) { isi fungsi } Parameter dapat lebih dari satu dan tanpa tipe data Tipe data akan ditentukan saat fungsi dipanggil Contoh : Klik lihat hasil

Modul -7 : Java Script (2)10 Anatomi dan pemanggilan fungsi tindakan Function Cetak(n) Parameter n=4 Hello 1 Hello 2 Hello 3 Hello 4

Modul -7 : Java Script (2)11 Return value dalam fungsi Suatu fungsi juga dapat mengembalikan nilai kepada pemanggil Jika ada nilai kembalian maka sintaknya adalah : Function Namafungsi(parameter) { perhitungan fungsi return nilai; } Contoh berikut adalah fungsi untuk menentujkan suatu bilanagnb prima atau bukan function prima(n) { c=0; for(i=2;i<n;i++) if(n%i==0)c++; if(c==0) return true; else return false; }

Modul -7 : Java Script (2)12 Penerapan untuk mennetukan bilangan prima <500 demo

Modul -7 : Java Script (2)13 Anatomi dan pemanggilan fungsi tindakan Function prima(n) Parameter n=4 PROSES MENENTUKAN BLANGAN PRIMA Jika hasilnya bilangan prima return true Jika hasilnya bukan bilangan prima return false Return : false

Modul -7 : Java Script (2)14 Table dengan isi berupa objek foto Document.write() dapat digunakan untuk menyusun table dengan isi table berupa gambar Contoh adalah sebagai berikut : Demo

Modul -7 : Java Script (2)15 Rangkuman Buatah suatu tabel untuk menghitung luas dan keliling bangun-bangun empat perseghi panjang dan segitiga Tabel dibuat dari dalam Java script Dalam tabel ada dua buah link Masing-masing link menuju file Dalam java script Loop for dan loop while memiliki sintak yang sama dengan java kecuali pada variabel counternya Variable array dalam javaScript deklarasinya memilki deklarasi Nama=new Array(jumlahElemen) Untuk membuat table dengan JavaScript dapat dipadukan antara tag table, tag baris dan tag kolom dengan menggunakan document.write() data disimpan dalam Array Sel table dapat berisi teks, objek gambar, link atau komponen GUI Pembuatan fungsi memiliki sintak : function NamaFungsi(parameter) { isi fungsi } Fungsi dapat menerima parameter lebih dari satu dana dapat menggembalikan nilai Jika fungsi mengembalikan nilai digunkana statemen return

Modul -7 : Java Script (2)16 Latihan 1. Buatlah suatu tabel yang berisi nama bangun empat persegi panjang dan segitiga 2. Tabel tersebut berisi link pada tiap barisnya 3. Jika link di klik ia akan menuju pada perhitungan bangun- bangun yang bersangkutan 4. Jika program dijlankan tampilan adalah sebagai berikut:

Modul -7 : Java Script (2)17 jika bangun segi empat dipilih

Modul -7 : Java Script (2)18 Jika bangun segitiga dipilih