Modul-7 :

Java Script (2)

Mempelajari statemen loop for,
loop while, konsep array, dan
fungsi

Modul -7 : Java Script (2)

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)

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)

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)

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

3. Array

demo

Statemen Sales=new
Array(3)

JONI
Sales[1]
Sales[2]
RUDI

Statemen
penugasan
Sales[1]=JONI

Sales[1]

Sales[2]

Sales[1]=JONI
Sales[1]=JONI

Sales[3]

YUNI

Sales[3]

Sales
Modul -7 : Java Script (2)

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 :
var sales = new Array(3);
Klik lihat
sales[0]=JONI; sales[1]=RUDI; sales[2]=YUNI;
hasil
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)

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

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)

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
Jika
hasilnya
MENENTUKAN
bilangan prima
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