Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pengembangan Evangs Mailoa Java Script WEB. Java Script itu adalah bahasa pemrograman, yang sering digunakan untuk membangun halaman web, sehingga lebih.

Presentasi serupa


Presentasi berjudul: "Pengembangan Evangs Mailoa Java Script WEB. Java Script itu adalah bahasa pemrograman, yang sering digunakan untuk membangun halaman web, sehingga lebih."— Transcript presentasi:

1 Pengembangan Evangs Mailoa Java Script WEB

2 Java Script itu adalah bahasa pemrograman, yang sering digunakan untuk membangun halaman web, sehingga lebih interaktif. Seringkali digunakan untuk menampilkan beberapa hal, seperti: tanggal, validasi form, mengatur tampilan, proteksi web, dsb. Java Script adalah client side scripting. Artinya semua instruksi dalam coding akan dijalankan dalam komputer client, bukan server.

3 Java Script butuh interpreter (penerjemah). Komputer hanya memahami bahasa mesin (dalam bentuk binary; 1 dan 0), sedangkan Java Script mendekati bahasa manusia dan belum di-compile menjadi bahasa yang dipahami oleh komputer. Pada browser-browser terbaru, interpreter sebagai penerjemah Java Script sudah ada di dalamnya. Perlu diingat, tidak semua browser mengenali Java Script.

4 document.write("Hello World!"); Java Script diawali tag seperti di atas. Di tengahnya terdapat blok program yang apabila dijalankan akan mencetak tulisan “Hello World” ke halaman web.

5 1. JavaScript yang hanya akan berjalan jika dipanggil. 2. JavaScript yang akan berjalan begitu halaman di-load. Kita dapat membuat javascript sebanyak mungkin sesuai keinginan kita. Java Script mirip C dan Java tetapi JavaScript bukanlah keduanya. Karena mirip, banyak hal yang sama, seperti fungsi, perulangan, variabel, dan kondisi. Tentunya kita tidak akan kesulitan menggunakannya.

6 var name = “Site Title“; document.write(name); document.write(" "+name+" "); Pada contoh di atas, ada cara mendeklarasikan variabel dan mengisinya (baris 2) Menampilkan variabel (baris 3 en 4) JavaScript akan menampilkan isi variabel “name”. Fungsi JavaScript “document.write” dapat digunakan untuk menuliskan tag-tag HTML sehingga kita dimungkinkan melakukan apapun dengan JavaScript.

7 Harus diawali huruf atau underscroe “_” Case sensitive, huruf besar dan kecil dibedakan. Penulisannya bebas, seperti contoh: var nama_variable; var nama_variable = isi_variable; nama_variable; (Boleh tidak menggunakan var) Variabel hanya dapat dijalankan satu kali (1 fungsi), apabila keluar dari fungsi tersebut atau proses selesai maka secara otomatis variabel tsb hilang.

8 Sama seperti JAVA atau C. If if-else if dalam if Switch Perlu diingat, menulis kondisi jangan menggunakan huruf besar (contoh: IF).

9 //Apabila waktu menunjukkan kurang dari jam 10, akan ditulis “Good Morning” //Selain itu, akan ditulis “Good day!” var d = new Date(); //var d diisi nilai dari fungsi mengambil waktu saat ini var time = d.getHours(); //var time diisi nilai jam saat ini dari d if (time < 10) { document.write("Good morning!"); } else { document.write("Good day!"); }

10 //Tulisan yang muncul bakal beda2 tergantung hari var d=new Date(); // seperti sebelumnya, Date() adalah fungsi bawaan JavaScript. hari=d.getDay(); switch (hari) { case 5: document.write(“Hari Jumat") break case 6: document.write(“Hari Sabtu") break case 0: document.write(“Hari Minggu") break default: document.write(“Nunggu weekend nih!") }

11

12

13

14

15 JavaScript menyediakan popup boxes alert, confirm dan prompt. Contoh: alert(“teks”); //akan muncul teks sesuai yang ditulis dan ada pilihan OK. confirm(“teks”); // sama, tapi selain OK ada Cancel. OK nilai kembaliannya true, Cancel nilai kembaliannya False. Prompt(“teks”,”nilai_kembalian”); //sama, tetapi apabila di OK, yang kembali adalah nilai kembalian yang dituliskan. Sedangkan apabila di Cancel nilai kembaliannya null.

16 function displaymessage() { alert("Hello World!"); }

17 Sama seperti JAVA atau C. For While Do While Perlu diingat, menulis perulangan jangan menggunakan huruf besar (contoh: FOR).

18 var i=0; document.write(“ ”); for (i=0;i<=10;i++) { document.write(“ Nomor " + i + “ ); } document.write(“ ”);

19 var i=0 document.write(“ ”); while (i<=10) { document.write(“ Nomor " + i + “ ); i=i+1; } document.write(“ ”);

20 var i=0 document.write(“ ”); do { document.write(“ Nomor " + i + “ ); i=i+1 } while (i<0) document.write(“ ”);

21 Break: Keluar dari perulangan Continue: Dalam perulangan, lompat ke nilai perulangan selanjutnya.

22 var i=0; document.write(“ ”); for (i=0;i<=10;i++) { if (i==3){continue} //coba jg continue diganti break document.write(“ Nomor " + i + “ ); } document.write(“ ”);

23 var tgl = new Date() var jam = tgl.getHours(); var menit = tgl.getMinutes(); var detik = tgl.getSeconds(); document.write(jam+":"+menit+":"+detik);

24 Ciri JavaScript yang langsung jalan:  Ada di dalam body.  Biasanya selalu ada instruksi atau blok program di luar blok fungsi (tidak menggunakan fungsi tetapi langsung dituliskan). Contoh JavaScript sebelumnya akan menampilkan waktu saat ini di halaman web.

25 function validate_required(field,alerttxt){ with (field){ if (value==null||value=="") {alert(alerttxt);return false} else {return true}}} function validate_form(thisform){ with (thisform){ if (validate_required( ," must be filled out!")==false) { .focus();return false}}}


26 function validate_ (field,alerttxt){ with (field) dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true}}} function validate_form(thisform){ with (thisform) {if (validate_ ( ,"Not a valid address!")==false) { .focus();return false}}}

27 Mau bertanya..?

28 Tugas 4: Buatlah kalkulator sederhana menggunakan HTML dan Java Script seperti berikut ini: Ketentuan: Kerjakan secara individu dan kirimkan kodingnya ke paling lambat 16 Februari 2015 pukul 18.00WIB File: NIM.doc  Contoh: doc Subject: TgsPWJS  Contoh: Tidak sesuai ketentuan tidak akan diperiksa!


Download ppt "Pengembangan Evangs Mailoa Java Script WEB. Java Script itu adalah bahasa pemrograman, yang sering digunakan untuk membangun halaman web, sehingga lebih."

Presentasi serupa


Iklan oleh Google