STRUKTUR KONTROL & FUNGSI PEMROGRAMAN BERBASIS WEB
percabangan (IF…ELSE IF…ELSE, SWITCH…CASE) STRUKTUR KONtrol Struktur kontrol adalah instruksi-instruksi yang memungkinkan kita untuk melakukan test apakah satu kondisi adalah benar atau tidak, dan memungkinkan juga terjadinya proses interaksi di dalam skrip yang kita buat. Dalam Struktur Kontrol ini ada terdapat 2 jenis yaitu : percabangan (IF…ELSE IF…ELSE, SWITCH…CASE) perulangan ( FOR, WHILE, CONTINUE, BREAK)
Instruksi if…ELSE IF…ELSE PERCABANGAN Instruksi if…ELSE IF…ELSE Pernyataan ini digunakan untuk menguji sebuah kondisi, kemudian mengeksekusi pernyataan tertentu bila kondisi tersebut terpenuhi, atau mengeksekusi pernyataan lain bila kondisi tersebut tidak terpenuhi. Blok Pernyataan if Contoh If (kondisi1) { //pernyataan yang dieksekusi //jika kondisi1 terpenuhi } [else if (kondisi2) //jika kondisi1 TIDAK terpenuhi //dan kondisi2 terpenuhi else //jika kondisi2 TIDAK terpenuhi ] <<HTML> <HEAD> <TITLE>hh</TITLE></HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> nilai = prompt('masukkan nilai ;','') document.write("anda menginputkan nilai ;"+ nilai + "<br>") if(nilai == "A") document.write("sangat memuaskan") else if(nilai == "B") document.write("memuaskan") else if(nilai == "C") document.write("cukup") document.write("kurang") </SCRIPT> </BODY> </HTML>
INSTRUKSI SWITCH…CASE Instruksi ini memungkinkan untuk melakukan test berbagai nilai dari variabel yang sama. Dengan cara ini dapat melakukan testing terhadap berbagai nilai variabel lebih sederhana daripada memakai instruksi if. Contoh Blok Pernyataan Switch ... case <body> <script language="JavaScript"> GRADE = prompt('Masukkan Nilai :','') switch(GRADE) { case "A":document.write("nilai A");break; case "B":document.write("nilai B");break; case "C":document.write("nilai C");break; case "D":document.write("nilai D");break; default:document.write("nilai E") } </script> </body> switch (Variabel) case Nilai1: //blok instruksi; break; case Nilai2: case NilaiX: default:
For adalah salah satu Instruksi yang menggunakan fasilitas Loop PERULANGAN FOR For adalah salah satu Instruksi yang menggunakan fasilitas Loop Blok Pengulangan for Contoh for (penghitung; kondisi loop berhenti; modifikasi penghitung) { //daftar instruksi-instruksi atau //blok instruksi } <html> <head><title>contoh for</title></head> <body> <script> for(i=1; i<= 10;i++){ document.write(i); </script> </body> </html> Penggunaan Pernyataan for
INSTRUKSI WHILE Instruksi while merupakan salah satu cara alternatif untuk menjalankan sekumpulan instruksi, seperti juga instruksi For. Perintah while terus mengulangi loop selama kondisi memiliki nilai true. Contoh Script Pengulangan While Blok Pengulangan While Contoh while (kondisi syarat terpenuhi) { //daftar instruksi-instruksi atau //blok instruksi } <HTML> <HEAD> <TITLE>:Latihan Looping: </TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- var i = 1; document.writeln ("<PRE>"); while (i<6) { document.writeln(i); i++; } document.writeln ("</PRE>"); //--> </SCRIPT> </BODY> </HTML>
<head> <title></title> </head> <body> PERINTAH CONTINUE menghentikan interasi tersebut untuk suatu for atau while loop. Tetapi tidak keluar dari loop. Namun melakukan interasi berikutnya. <html> <head> <title></title> </head> <body> <script language="JavaScript"> I=1; while (i<=5) { if (i == 3) { alert('nilai tengah'); i++; continue; } alert(i); i++; } </script> </body> </html>
PERINTAH BREAK Sebaliknya kita juga bisa memaksa loop berhenti sebelum waktunya . Instruksi Break memungkinkan menghentikan suatu loop (baik untuk for ataupun while). Pemakaiannya sendiri seperti instruksi continue, yaitu penambahan struktur kondisional agar supaya loop berhenti dan tidak berulang ulang looping. for (x=1; x<=5; x++) { if (x == 3) { alert("nilai tengah"); break; } alert(x) }
FUNGSI Fungsi adalah sekumpulan kode - kode javascript yang jika dijalankan akan menghasilkan atau mengerjakan suatu tugas tertentu.
DEKLARASI FUNGSI Sintaks pendeklarasian suatu fungsi adalah sebagai berikut : function Nama_dari_Fungsi(argumen1, argumen2, ...) { daftar instruksi atau blok instruksi }
ATURAN PEMBUATAN FUNGSI 1. Diawali dengan kata function 2. Nama fungsi bebas, asalkan dapat menjelaskan fungsi dari fungsi tersebut. Yang terpenting di sini adalah fungsi harus diikuti oleh tanda kurung “()” yang digunakan sebagai tempat parameter. 3. Di dalam tanda kurung setelah kata function, dapat diletakkan parameter fungsi. Untuk ebih jelas lagi perhatikan sintak berikut: function jumlah (a,b) { var c = a+b; document.write (C) } 4. Isi fungsi harus di letakkan di dalam tanda kurung kurawal
Fungsi Tanpa Parameter
Fungsi dengan parameter
TUGAS