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 :


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


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


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


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


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]


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


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


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


Anatomi dan pemanggilan fungsi

tind

ak

an

Function

Cetak(n)

Parameter n=4

Hello 1 Hello 2 Hello 3 Hello 4


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;

}


Penerapan untuk mennetukan bilangan prima <500

demo


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


Table dengan isi berupa objek foto

Document.write() dapat digunakan untuk menyusun table dengan isi table berupa gambar

Contoh adalah sebagai berikut :

Demo


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


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:


jika bangun segi empat dipilih


Jika bangun segitiga dipilih

Modul-7 Java Script (2).ppt

Documents

Transcript of Modul-7 Java Script (2).ppt