Java Script (2) Modul-7 - elista:.

Modul-7 :
Java Script (2)
Mempelajari statemen loop for,
loop while, konsep array, dan
fungsi
Modul -7 : Java Script (2)
1
Dalam modul ini akan dipelajari:
1.
2.
3.
4.
5.
Statemen Loop for dan While
Loop dan Table
Konsep Array
Konsep Fungsi
Lebih jauh tentang parameter
fungsi
Modul -7 : Java Script (2)
2
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 :
<SCRIPT LANGUAGE=JAVASCRIPT>
var A=10
for (var i=0;i<A;i++)
document.write("<font size=14>"+i+" ");
</SCRIPT>
KLIK LIHAT
HASILNYA
Modul -7 : Java Script (2)
3
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
<SCRIPT LANGUAGE=JAVASCRIPT>
var A=10 ; var B=0;
Hasilnya ?
while (B<A)
Klik
{ document.write("<font size=14>"+B+" ");
B+=2;
}
</SCRIPT>
Modul -7 : Java Script (2)
4
2. Loop dan table

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)
Lihat HASIL
5
3. Array
demo
Statemen Sales=new
Array(3)
“JONI”
Sales[1]
Sales[2]
“RUDI”
Statemen
penugasan
Sales[1]=“JONI”
Sales[1]
Sales[1]=“JONI”
Sales[1]=“JONI”
Sales[2]
Sales[3]
“YUNI”
Sales[3]
Sales
Modul -7 : Java Script (2)
6
Array


demo
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 :
Klik lihat
var sales = new Array(3);
hasil
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!)





Modul -7 : Java Script (2)
7
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
Modul -7 : Java Script (2)
Klik ->
hasil
demo
8
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)
9
Anatomi dan pemanggilan fungsi
Parameter n=4
Function
Cetak(n)
tindakan
Hello 1 Hello 2
Hello 3 Hello 4
Modul -7 : Java Script (2)
10
Return value dalam fungsi
• Suatu fungsi juga dapat mengembalikan nilai kepada pemanggil
• Jika ada nilai kembalian maka sintaknya adalah :
•Function Namafungsi(parameter)
{ perhitungan fungsi
function prima(n)
{ c=0;
return nilai;
for(i=2;i<n;i++)
}
if(n%i==0)c++;
Contoh berikut adalah fungsi
untuk menentujkan suatu
bilanagnb prima atau bukan
if(c==0) return
true;
else return false;
}
Modul -7 : Java Script (2)
11
Penerapan untuk mennetukan bilangan
prima <500
demo
Modul -7 : Java Script (2)
12
Anatomi dan pemanggilan fungsi
Parameter n=4
Function
prima(n)
Return : false
tindakan
PROSES
Jika hasilnya
Jikaprima
hasilnya
MENENTUKAN
bilangan
bukan
bilangan
BLANGAN
return true
prima return
PRIMA
false
Modul -7 : Java Script (2)
13
Table dengan isi berupa objek foto


Document.write() dapat digunakan
untuk menyusun table dengan isi
table berupa gambar
Contoh adalah sebagai berikut :
Modul -7 : Java Script (2)
Demo
14
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
<table>, tag baris <tr> dan tag kolom <td> 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)
15
Latihan
1.
2.
3.
4.
Buatlah suatu tabel yang
berisi nama bangun
empat persegi
panjang dan segitiga
Tabel tersebut berisi
link pada tiap barisnya
Jika link di klik ia akan
menuju pada
perhitungan bangunbangun yang
bersangkutan
Jika program dijlankan
tampilan adalah
sebagai berikut:
Modul -7 : Java Script (2)
16
jika bangun segi empat dipilih
Modul -7 : Java Script (2)
17
Jika bangun segitiga dipilih
Modul -7 : Java Script (2)
18