IF1191 JS Fungsi Object

9
1 Fungsi dan Obyek JavaScript IF1191 Departemen Teknik Informatika 2004 Dwi Aji Mardiyanto 12/2/2004 IF1191/JS/Fungsi & Obyek/DA 2 Bil Genap <script type = "text/javascript"> <!-- function genap( y ) { return ((y % 2)==0) } function cetakGenap(z){ document.write( "<h2>Tabel Bil. Genap dari 2 hingga "+ z + "</h2>" ); document.write("<table border='1'>"); for ( var x = 2; x <= z; ++x ) { if (genap(x)) document.write( "<tr><td>"+ x +"</td></tr>" ); } document.write("</table>"); } // --> </script>

Transcript of IF1191 JS Fungsi Object

Page 1: IF1191 JS Fungsi Object

1

Fungsi dan ObyekJavaScript

IF1191

Departemen Teknik Informatika2004

Dwi Aji Mardiyanto

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 2

Bil Genap<script type = "text/javascript">

<!--function genap( y ){

return ((y % 2)==0)}

function cetakGenap(z){

document.write( "<h2>Tabel Bil. Genap dari 2 hingga "+ z + "</h2>" );document.write("<table border='1'>");

for ( var x = 2; x <= z; ++x ) {if (genap(x)) document.write( "<tr><td>"+ x +"</td></tr>" );

}document.write("</table>");

}// -->

</script>

Page 2: IF1191 JS Fungsi Object

2

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 3

Dari Form…..

<form name = "fKuadrat" >

<INPUT TYPE="text" NAME="bilAtas"><INPUT TYPE="button" value="Cari Bil. Genap"

onclick="cetakGenap(fKuadrat.bilAtas.value)">

</form>

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 4

Fungsi faktorial

function fak(bil){

var hasil=1;for(i=bil;i>=1;i--){

hasil=hasil*i;}

return hasil;

}

Page 3: IF1191 JS Fungsi Object

3

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 5

Materi Pertemuan 3

�Switch…�Built In vs User Defined Function�Event�Object

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 6

Soal

�Buat sebuah fungsi dalam JavaScript yang akan menerima bilangan 1-12 danmenampilkan nama bulan yang bersesuaian!

Page 4: IF1191 JS Fungsi Object

4

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 7

Gunakan switch ….� Untuk kondisi pemilihan dengan tipe integer dan character saja!switch ( bulan){

case 1: {document.write(“Januari”);break;

}//…..

default: {numDays = 31;

}}

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 8

Fungsi

// Program Utama

Z= FungsiA();FungsiB(a,b,c);

function FungsiA(){….x=FungsiB(x,y,z);return x;}

function FungsiB(int a,int b, int c){…..

}

Page 5: IF1191 JS Fungsi Object

5

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 9

Template Fungsi

function Nama_Fungsi {

//baris kode fungsi

}

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 10

Contoh Fungsi<script language="JavaScript">

testNum = prompt(“Masukkan Bilangan", "7");testNum = parseFloat(testNum);

if (isPrima(testNum)) {document.write(testNum + " <b>adalah</b> bil. Prima.");

}else {document.write(testNum + " <b>bukan</b> bil. Prima.");

}</script>

Page 6: IF1191 JS Fungsi Object

6

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 11

Built In vs User Defined

�Built In Function : Fungsi “bawaab” JS– Contoh : parseFloat(text), parseInt(text)

�User Defined Fs. : Fungsi yang dibuat olehpengguna JavaScript

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 12

Event

�Pemrograman yang memanfatkan event sering disebut Event Driven Programming

�Peristiwa yang menjadi “pemicu” aksi– Contoh : OnCLick, OnLoad, OnUnload …..

Page 7: IF1191 JS Fungsi Object

7

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 13

Array

� Jenis variabel denganbanyak nilai tetapibertipe sejenis

� Dapat dimanipulasidengan indeks

� Indeks dimulai dari 0 (nol)

-90532

Indeks 0 (nol)

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 14

Array (2)

�Deklarasi array, alokasi nilai menggunakan new� items = new Array(10); // alokasi 10 tempat� items = new Array(); // array dinamis� items = [0,0,0,0,0,0,0,0,0,0]; // sekaligusmengisikan nilai

– Cara akses elemen , gunakan []� for (i = 0; i < 10; i++) {� items[i] = 0; // mengisikan nilai 0� }

– atribut length berisi panjang alokasi array� for (i = 0; i < items.length; i++) {� document.write(items[i] + "<BR>"); // cetakelements

� }

Page 8: IF1191 JS Fungsi Object

8

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 15

Object

� “tipe data” yang telah dilengkapi dengan fungsidan nilai– String:

� Properti nilai : length� Fungsi : charAt, substring, toUpperCase, indexOf

– Array: properties include: � Properti nilai : length

� Fungsi : [], reverse, sort, slice, pop, push

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 16

Date Object

– Deklarasi :� today = new Date(); � newYear = new Date(2001,0,1);

– Fungsi yang dapat digunakan :� newYear.getYear()� newYear.getMonth()� newYear.getDay()� newYear.getHours()� newYear.getMinutes()� newYear.getSeconds()� newYear.getMilliseconds()� newYear.toString()

Page 9: IF1191 JS Fungsi Object

9

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 17

Math Object<script language="JavaScript">

sekarang = new Date();thnBaru = new Date(2001,0,1);

secs = Math.round((sekarang-thnBaru)/1000);

days = Math.floor(secs / 86400);secs -= days*86400;hours = Math.floor(secs / 3600);secs -= hours*3600;minutes = Math.floor(secs / 60);secs -= minutes*60

document.write(days + " days, " +hours + " hours, " +minutes + " minutes, and " +secs + " seconds.");

</script>

12/2/2004 IF1191/JS/Fungsi & Obyek/DA 18

Mengisi Nilai bukan Membandingkan

== Membandingkan 2 nilaiBiasanya dalam skema if

= Mengisikan nilai ruas kanan ke variabel ruas kiriBiasanya pernyataan terpisah.

if ( road == 10 )

road = 10;