Membuat Fungsi A’ud Solehuddin::Februari2012. Materi Mendefinisikan fungsi Memahami variabel lokal dan variabel global Fungsi rekursif Validasi masukan.

Presentasi berjudul: "Membuat Fungsi A’ud Solehuddin::Februari2012. Materi Mendefinisikan fungsi Memahami variabel lokal dan variabel global Fungsi rekursif Validasi masukan."— Transcript presentasi:

1 Membuat Fungsi A’ud Solehuddin::Februari2012

2 Materi Mendefinisikan fungsi Memahami variabel lokal dan variabel global Fungsi rekursif Validasi masukan pada formulir Menampilkan jam

3 Mendefinisikan Fungsi Fungsi menyatakan blok kode yang diberi nama Bentuk pendefinisian fungsi: function nama (daftar_parameter) { pernyataan_1;...pernyataan_2;} Membuat fungsi jumlah yang akan menghasilkan jumlah kedua nilai argumennya. Contoh pemanggilan yang diharapkan: c = jumlah (2, 3);

4 jumlah.htm function jumlah(x, y) { function jumlah(x, y) { var hasil = x + y; var hasil = x + y; return(hasil); return(hasil); } var z = jumlah(2, 3); var z = jumlah(2, 3); document.write(z); document.write(z); document.write(" "); document.write(" "); document.write(jumlah(4, 5)); document.write(jumlah(4, 5));

5 Memahami Variabel Lokal dan Variabel Global Komunikasi antara fungsi dan pemanggil tidak dianjurkan dengan variabel global Contoh: function tambah(x, y) { function tambah(x, y) { z = x + y; z = x + y; return(z); return(z); } var z = 77; var z = 77; document.write("Z semula = " + z + " "); document.write("Z semula = " + z + " "); document.write(tambah(4, 5) + " "); document.write(tambah(4, 5) + " "); document.write("Z sekarang = " + z + " "); document.write("Z sekarang = " + z + " ");

6 lokal.htm function tambah(x, y) { function tambah(x, y) { var z = x + y; var z = x + y; return(z); return(z); } var z = 77; var z = 77; document.write("Z semula = " + z + " "); document.write("Z semula = " + z + " "); document.write(tambah(4, 5) + " "); document.write(tambah(4, 5) + " "); document.write("Z sekarang = " + z + " "); document.write("Z sekarang = " + z + " ");

7 Fungsi Rekursif Fungsi yang memanggil dirinya sendiri Contoh: faktorial Secara rekursif, faktorial dijabarkan sebagai berikut: 1.0! = 1 2.Bila n > 0, n! = n x (n – 1)! n! 1 jika n = 0 1 x 2 x... x n jika n > 0

8 rekursi.htm function faktorial(n) { function faktorial(n) { if (n == 0) if (n == 0) return(1); return(1); else else return( n * faktorial(n-1)); return( n * faktorial(n-1)); } var z = 77; var z = 77; document.write("4! = " + faktorial(4)); document.write("4! = " + faktorial(4));

9 Validasi Masukan pada Formulir <!-- function cekNama(form) { function cekNama(form) { if (form.elements[0].value == "") { if (form.elements[0].value == "") { alert("Nama harus dimasukkan"); alert("Nama harus dimasukkan"); form.nama.focus(); form.nama.focus(); form.nama.select(); form.nama.select(); return(false); return(false); } alert("Terima kasih, " + alert("Terima kasih, " + form.elements[0].value); form.elements[0].value); return(true); return(true); }//--></SCRIPT> <PRE> Nama : Nama : <INPUT TYPE = "BUTTON" VALUE = "Kirim" onClick = "cekNama(this.form)"> onClick = "cekNama(this.form)"> </PRE></FORM>

10 Penjelasan Program Tampilan awal: Bila user tidak memasukkan apapun dan langsung mengklik tombol Kirim, maka akan muncul pesan sebagai berikut:

11 Jika user memasukkan misalnya Aradea dan mengklik tombol Kirim, maka akan muncul pesan sebagai berikut:

12 Menampilkan Jam Dengan menggunakan fungsi dimungkinkan untuk menampilkan jam yang mengikuti jam sistem secara terus- menerus

13 jam.htm Waktu Sekarang : <INPUT TYPE = "TEXT" NAME = "teksWaktu" NAME = "teksWaktu" VALUE = "" VALUE = "" SIZE = "22"> SIZE = "22"></FORM> <!-- function aturWaktu() { function aturWaktu() { var sekarang = new Date(); var sekarang = new Date(); var waktuSekarang = sekarang.toLocaleString(); var waktuSekarang = sekarang.toLocaleString(); document.formWaktu.teksWaktu.value = document.formWaktu.teksWaktu.value = waktuSekarang; waktuSekarang; setTimeout('aturWaktu()', 1000); setTimeout('aturWaktu()', 1000); return(true); return(true); } // Menjalankan fungsi aturWaktu // Menjalankan fungsi aturWaktu aturWaktu(); aturWaktu();//--></SCRIPT>