modul-7 java script (2).ppt

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 :

<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) 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

<SCRIPT LANGUAGE=JAVASCRIPT>

var A=10 ; var B=0;

while (B<A)

{ document.write("<font size=14>"+B+" ");

B+=2;

}

</SCRIPT>

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[1]=“JONI”

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

tind

ak

an

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

tind

ak

an

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

<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) 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