Pertemuan 9 JavaScript (FUNGSI).

Slides:



Advertisements
Presentasi serupa
APLIKASI BERBASIS WEB STTI I-Tech Susana Dwi Yulianti, SKom.
Advertisements

Struktur Kendali Proses (Bab 4) Dr. Anto Satriyo Nugroho, M.Eng Web: Mata Kuliah: Dasar.
Pencabangan Bersyarat
Desain web – pertemuan 13 Javascript (Part 2).
M.K. Pemrograman Web (AK )
JAVASCRIPT (5) M.K. Pemrograman Web (AK ). 2 OBJEK Objek dari Navigator (Browser) –JavaScript membagi satu halaman Navigator dalam berbagai obyek.
Membuat Fungsi A’ud Solehuddin::Februari2012. Materi Mendefinisikan fungsi Memahami variabel lokal dan variabel global Fungsi rekursif Validasi masukan.
Struktur Kondisi dan Perulangan
Penyeleksian Kondisi Pertemuan ke-4 Bahasa C.
M.K. Pemrograman Web (AK )
Pengembangan WEB Java Script Evangs Mailoa.
STRUKTUR KENDALI PROSES
Struktur Kontrol Struktur kontrol merupakan inti dari logika pemrograman. Secara mendasar struktur kontrol yaitu : Seleksi: if, else, elseif, switch-case.
Pernyataan Pengulangan A’ud Solehuddin::Januari2012.
Pengembangan Web Java Script Ramos Somya.
Pemrograman II Dasar Java (Jcreator)
Operator Logika dan Pernyataan If
ARRAY Suatu array (larik) adalah tipe terstruktur yang terdiri dari sejumlah komponen-komponen yang mempunyai tipe yang sama. Komponen ini disebut dengan.
Pemprograman Terstruktur 1
Struktur kontrol ∞ kondisi. ∞ if-else ,
Pengantar PHP (Lanjutan)
Java Script Pengertian Javascript Aplikasi Javascript - Input Box
PHP? PHP adalah server-side web programming
JavaScript Pemrograman Web 1.
Bahasa Pemrograman IF CASE dan Perulangan
FONDASI PEMROGRAMAN & STRUKTUR DATA #2
PERCABANGAN (DECISION)
Transfer of control (pemindahan langkah)
Statement Control (if dan switch)
STRUKTUR KONTROL Bandung 2009, by hery dwi y.
Mengenal Pernyataan kontrol
JAVASCRIPT D. Sinaga, M.Kom.
STRUKTUR DATA MENGGUNAKAN C++ Windha Mega PD, S.Kom
PHP.
4. Pernyataan Dasar S. Indriani L, M.T 4. Pernyataan Dasar.
STRUKTUR KONTROL Bandung 2009, by hery dwi y.
Mengenal Pernyataan kontrol
Algoritma dan Struktur Data 1 pertemuan 5
STRUKTUR KONTROL & FUNGSI
Struktur Kontrol.
JAVASCRIPT VALIDATION
JAVASCRIPT.
STRUKTUR LOOPING Castaka Agus Suginto, M.Kom., M.CS.
Pemrograman Web Lanjut “Pertemuan ke-3”
Latihan UTS.
SWITCH Struktur Kendali Percabangan Pertemuan 6 Dasar Pemrograman
Struktur Perulangan Pertemuan 4.
Struktur Kendali program, Array & function
SELEKSI KONDISI Oleh : Sri Supatmi.
SWITCH Struktur Kendali Percabangan Pertemuan 7 Dasar Pemrograman
Struktur Kondisi dan Perulangan
PERCABANGAN (DECISION)
Pengantar Pemrograman
Struktur Kontrol : Perulangan
KOMPUTER APLIKASI TIK II
PENYELEKSIAN KONDISI.
Flow Control & Exception Handling
STRUKTUR KONTROL DALAM PHP
STRUKTUR KONTROL PENYELEKSIAN KONDISI LANJUTAN…….
Latihan menggunakan if majemuk
Pengenalan Pemrograman Server side - PHP
Akademi Komunitas Negeri Lamongan
PEMrograman web database
Algoritma Rekursif Alpro-2.
KONDISI PEMROGRAMAN TERSTRUKTUR S1 PENDIDIKAN TEKNIK INFORMATIKA
PHP.
PERTEMUAN III Menggunakan Pernyataan Bersyarat untuk Menyeleksi Kondisi Menggunakan Pernyataan Bersyarat untuk Menentukan Keputusan.
Pemrogaman Web Javascript.
PHP.
Struktur Kendali MINGGU KE-2.
Transcript presentasi:

Pertemuan 9 JavaScript (FUNGSI)

TOPIK Kondisi Pengulangan Fungsi

Kondisi --- Pernyataan if Pernyataan IF tanpa else if (kondisi) { // blok pernyataan yang dijalankan // kalau kondisi bernilai benar } <HTML> <HEAD> <TITLE>Contoh if</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- var nilai = prompt("Nilai (0-100): ", 0); var hasil = "Tidak Lulus"; if (nilai >= 60) hasil = "Lulus"; document.write("Hasil: " + hasil); //--> </SCRIPT> </BODY> </HTML>

Pernyataan if Pernyataan IF dengan ELSE if (kondisi) { // blok pernyataan yang dijalankan // kalau kondisi bernilai benar } else { // blok pernyataan yg dijalankan // kalau kondisi bernilai salah } <HTML> <HEAD> <TITLE>Contoh if-else</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- var nilai = prompt("Nilai (0-100): ", 0); var hasil = ""; if (nilai >= 60) hasil = "Lulus"; else hasil = "Tidak Lulus"; document.write("Hasil: " + hasil); //--> </SCRIPT> </BODY> </HTML>

Pernyataan IF Bersarang <HTML> <HEAD> <TITLE>Contoh if Berkalang</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- var tanggal = new Date(); var kode_hari = tanggal.getDay(); var nama_hari = ""; if (kode_hari == 0) nama_hari = "Minggu"; else if (kode_hari == 1) nama_hari = "Senin"; if (kode_hari == 2) nama_hari = "Selasa"; if (kode_hari == 3) nama_hari = "Rabu"; if (kode_hari == 4) nama_hari = "Kamis"; if (kode_hari == 5) nama_hari = "Jumat"; else nama_hari = "Sabtu"; document.write("Hari ini hari " + nama_hari); document.write(", tanggal " + tanggal.getDate() + "/" + (tanggal.getMonth() + 1) + "/" + tanggal.getYear()); //--> </SCRIPT> </BODY> </HTML>

Pernyataan Switch Bentuknya : switch (variabel) { case nilai1 : perintah1; break; case nilai2 : perintah2; default perintahN; }

Pernyataan Switch <HTML> case 5: <HEAD> <TITLE>Contoh switch</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- var tanggal = new Date(); var kode_hari = tanggal.getDay(); var nama_hari = ""; switch(kode_hari) { case 0: nama_hari = "Minggu"; break; case 1: nama_hari = "Senin"; case 2: nama_hari = "Selasa"; case 3: nama_hari = "Rabu"; case 4: nama_hari = "Kamis"; case 5: nama_hari = "Jumat"; break; case 6: nama_hari = "Sabtu"; } document.write("Hari ini hari " + nama_hari); document.write(", tanggal " + tanggal.getDate() + "/" + (tanggal.getMonth() + 1) + "/" + tanggal.getYear()); //--> </SCRIPT> </BODY> </HTML>

Pengulangan -- Pernyataan While Bentuk pernyataan : while (kondisi) { pernyataan } Contoh : <HTML> <HEAD> <TITLE>Contoh while</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- var bilangan = 0; while (bilangan < 5) { document.write("JavaScript<BR>"); bilangan++; //--> </SCRIPT> </BODY> </HTML>

Pengulangan -- Pernyataan Do….While Bentuk pernyataan : do { blok pernyataan } while (kondisi) ; Contoh : <HTML> <HEAD> <TITLE>Contoh do while</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- var bilangan = 1; do { document.write(bilangan + "<BR>"); bilangan++; } while (bilangan < 6); //--> </SCRIPT> </BODY> </HTML>

Pengulangan -- Pernyataan For…. Bentuk pernyataan : for (inisialisasi; kondisi; penaikan_penurunan) { pernyataan_pernyataan } Contoh : <HTML> <HEAD> <TITLE>Contoh for</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- var bilangan = 0; for (bilangan = 1; bilangan <= 5; bilangan++) document.write(bilangan + "<BR>"); //--> </SCRIPT> </BODY> </HTML>

Proses Pengulangan dalam Pengulangan <HTML> <HEAD> <TITLE>Contoh for Berkalang</TITLE> </HEAD> <BODY> <PRE> <SCRIPT LANGUAGE = "JavaScript"> <!-- var baris, i = 0; var nilai_prompt = prompt("Tinggi: ", 5); var tinggi = parseInt(nilai_prompt); for (baris = 1; baris <= tinggi ; baris++) { // Buat sejumlah spasi for (i = 1; i <= tinggi - baris; i++) { document.write(" "); // Karakter spasi } // Tampilkan * for (i = 1; i < 2 * baris; i++) { document.write("*"); // Pindah baris document.write("\n"); //--> </SCRIPT> </PRE> </BODY> </HTML>

OBJEK Objek dari Navigator (Browser) JavaScript membagi satu halaman Navigator dalam berbagai obyek obyek, dengan tujuan untuk memudahkan akses salah satu dari mereka dan memanipulasinya dengan cara merubah sifat/kondisi (properti) mereka. Dimulai dari obyek yang paling besar diantara semuanya, kemudian turun berdasarkan tingkatan sampai kepada obyek yang diinginkan. Obyek paling besar adalah obyek jendela (window) dari navigator. Di dalam obyek jendela, ada satu obyek yang ditampilkan dalam bentuk sebuah halaman, kita sebut obyek dokumen atau document Halaman itu berisi banyak obyek seperti, formula, text, image dan lain lainya..

Objek Standard JavaScript

Fungsi Mendefinisikan Fungsi function nama(daftar_parameter) { Pernyataan_1; pernyataan_n; } c = jumlah ( 2 , 3 ); Nama fungsi HTML> <HEAD> <TITLE>Contoh Fungsi</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- function jumlah(x, y) { var hasil = x + y; return(hasil); } var z = jumlah(2, 3); document.write(z); document.write("<BR>"); document.write(jumlah(4, 5)); //--> </SCRIPT> </BODY> </HTML> Nilai balik argumen

Fungsi Rekursif Fungsi rekursif adalah fungsi yang memanggil dirinya sendiri. Contoh : Faktorial <HTML> <HEAD> <TITLE>Variabel Lokal</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- function faktorial(n) { if (n == 0) return(1); else return( n * faktorial(n-1)); } document.write("5! = " + faktorial(5)); //--> </SCRIPT> </BODY> </HTML>

Fungsi yang Dibuat Sendiri Memvalidasi Masukan pada Formulir <HTML> <HEAD> <TITLE>Validasi Masukan</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> <!-- function cekNama(form) { if (form.elements[0].value == "") { alert("Nama harus dimasukkan"); form.nama.focus(); form.nama.select(); return(false); } alert("Terima kasih, " + form.elements[0].value); return(true); //--> </SCRIPT> <FORM NAME = "formku"> <PRE> Nama : <INPUT TYPE = "TEXT" NAME = "nama"><BR> <INPUT TYPE = "BUTTON" VALUE = "Kirim" onClick = "cekNama(this.form)"><BR> </PRE> </FORM> </BODY> </HTML>

Fungsi yang Dibuat Sendiri Menampilkan Jam <HTML> <HEAD> <TITLE>Jam</TITLE> </HEAD> <BODY> <FORM NAME = "formWaktu"> Waktu Sekarang : <INPUT TYPE = "TEXT" NAME = "teksWaktu" VALUE = "" SIZE = "22"> </FORM> <SCRIPT LANGUAGE = "JavaScript"> <!-- function aturWaktu() { var sekarang = new Date(); var waktuSekarang = sekarang.toLocaleString(); document.formWaktu.teksWaktu.value = waktuSekarang; setTimeout('aturWaktu()', 1000); return(true); } // Menjalankan fungsi aturWaktu aturWaktu(); //--> </SCRIPT> </BODY> </HTML>