IF1191 JS Fungsi Object
-
Upload
alandrie-teddy -
Category
Documents
-
view
74 -
download
0
Transcript of 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>
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;
}
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!
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){…..
}
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>
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 …..
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
� }
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()
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;