Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Javascript BASIC Javascript. Pendahuluan Apa itu JavaScript? o JavaScript dirancang untuk menambahkan interaktivitas kehalaman HTML o JavaScript adalah.

Presentasi serupa


Presentasi berjudul: "Javascript BASIC Javascript. Pendahuluan Apa itu JavaScript? o JavaScript dirancang untuk menambahkan interaktivitas kehalaman HTML o JavaScript adalah."— Transcript presentasi:

1 Javascript BASIC Javascript

2 Pendahuluan Apa itu JavaScript? o JavaScript dirancang untuk menambahkan interaktivitas kehalaman HTML o JavaScript adalah bahasa scripting yang ringan o JavaScript biasanya tertanam langsung ke halaman HTML o JavaScript adalah bahasa interpreter (berarti bahwa script mengeksekusi tanpa kompilasi awal) 15/04/2015By : Suwondo, S.Kom2

3 Pendahuluan Untuk mendeklarasikan javascript digunakan tag :.... Contoh : My First Web Page document.write(" " + Date() + " "); 15/04/2015By : Suwondo, S.Kom3

4 Pendahuluan Menggunakan External Javascript : Catatan :  tidak seperti pada HTML, javascript untuk penulisan perintah – perintah nya Case – Sensitive artinya huruf besar dan kecil dibedakan.  Tiap akhir statement pada javascript diakhiri dengan semicolon (;) atau titik koma.  Blok javascript dimulai dengan tanda kurung kurawal buka ( { ) dan diakhiri dengan kurung kurawal tutup ( } ).  Komentar satu baris pada javascript di tandai dengan double slash ( // ).  Untuk komentar dengan lebih dari satu baris di awali dengan tanda ( /* ) dan di tutup dengan tanda ( */ ). 15/04/2015By : Suwondo, S.Kom4

5 Javascript Variable Mendeklarasikan variabel pada javascript dengan menggunakan kata kunci var. Contoh : var x; var carname; carname="Volvo"; 15/04/2015By : Suwondo, S.Kom5

6 Javascript Operator Operator Aritmatika 15/04/2015By : Suwondo, S.Kom6

7 Javascript Operator Operator Penugasan (Assignment Operator) 15/04/2015By : Suwondo, S.Kom7

8 Javascript Operator Operator + dapat juga digunakan untuk menggabungkan String. txt1="What a very"; txt2="nice day"; txt3=txt1+txt2; Jika number dan string di jumlahkan hasilnya adalah String. x=5+5; document.write(x); x="5"+"5"; document.write(x); x=5+"5"; document.write(x); x="5"+5; document.write(x); 15/04/2015By : Suwondo, S.Kom8

9 Javascript Operator Operator Perbandingan 15/04/2015By : Suwondo, S.Kom9

10 Javascript Operator Operator Logika Operator Kondisi Syntax : variablename=(condition)?value1:value2 Contoh : greeting=(visitor=="PRES")?"Dear President ":"Dear "; 15/04/2015By : Suwondo, S.Kom10

11 Javascript Statement Berkondisi If Stetement Syntax : if (condition) { code to be executed if condition is true } else { code to be executed if condition is not true } Contoh : //If the time is less than 10, you will get a "Good morning" greeting. //Otherwise you will get a "Good day" greeting. var d = new Date(); var time = d.getHours(); if (time 15/04/2015By : Suwondo, S.Kom11

12 Javascript Statement Berkondisi Switch – Case Statement Syntax : switch(n) { case 1: execute code block 1 break; case 2: execute code block 2 break; default: code to be executed if n is different from case 1 and 2 } Break akan memaksa keluar dari statement switch – case. Contoh : var d=new Date(); var theDay=d.getDay(); switch (theDay) { case 5: document.write("Finally Friday"); break; case 6: document.write("Super Saturday"); break; case 0: document.write("Sleepy Sunday"); break; default: document.write("I'm looking forward to this weekend!"); } 15/04/2015By : Suwondo, S.Kom12

13 Javascript Popup Box Alert(“String”); Ketika sebuah kotak peringatan muncul, user harus klik "OK" untuk melanjutkan. Confirm (“String”); Sebuah kotak konfirmasi sering digunakan jika Anda ingin pengguna untuk memverifikasi atau menerima sesuatu. Ketika muncul kotak konfirmasi, user harus klik "OK" atau"Batal"untuk melanjutkan. Prompt (“String”); Sebuah kotak prompt sering digunakan jika Anda ingin user untukmemasukkan nilai sebelum memasuki sebuah halaman. Ketika prompt box muncul, user harus klik "OK" atau "Cancel "setelah memasukkan nilai input. Jika pengguna mengklik "OK" kotak mengembalikan nilai input. Jika pengguna mengklik "Batal" null kotak kembali. 15/04/2015By : Suwondo, S.Kom13

14 Javascript Functions Function akan di jalankan melalui sebuah event atau dengan memanggil nama dari function. Untuk mendefinisikan fungsi digunakan : function functionname(var1,var2,...,varX) { some code } Contoh : function displaymessage() { alert("Hello World!"); } 15/04/2015By : Suwondo, S.Kom14

15 Javascript Functions Return Statement untuk mengembalikan nilai kepada sebuah fungsi. Contoh : function product(a,b) { return a*b; } document.write(product(4,3)); 15/04/2015By : Suwondo, S.Kom15

16 Javascript Perulangan Perulangan for Syntax : for (variable=startvalue; variable<=endvalue; variable=variable+increment) { code to be executed } Contoh : var i=0; for (i=0;i "); } 15/04/2015By : Suwondo, S.Kom16

17 Javascript Perulangan Perulangan while Syntax : while (variable<=endvalue) { code to be executed } Contoh : var i=0; while (i "); i++; } 15/04/2015By : Suwondo, S.Kom17

18 Javascript Perulangan Perulangan do – while Syntax : do { code to be executed } while (variable<=endvalue); Contoh : var i=0; do { document.write("The number is " + i); document.write(" "); i++; } while (i 15/04/2015By : Suwondo, S.Kom18

19 Javascript Perulangan For..in Statement Syntax : for (variable in object) { code to be executed } Contoh : var person={fname:"John",lname:"Doe",age:25}; for (x in person) { document.write(person[x] + " "); } 15/04/2015By : Suwondo, S.Kom19

20 Javascript Exception Handling try – catch Statement Digunakan untuk mencoba apakah sebuah blok pernyataan mengandung error dalam blok try dan akan di tangkap pada blok catch. Syntax : try { //Run some code here } catch(err) { //Handle errors here } Contoh : var txt=""; function message() { try { adddlert("Welcome guest!"); } catch(err) { txt="There was an error on this page.\n\n"; txt+="Error description: " + err.description + "\n\n"; txt+="Click OK to continue.\n\n"; alert(txt); } } 15/04/2015By : Suwondo, S.Kom20

21 Javascript Special Character Contoh : var txt="We are the so-called \"Vikings\" from the north."; document.write(txt); 15/04/2015By : Suwondo, S.Kom21

22 Javascript Event Event digunakan untuk menangani kejadian. Contoh kejadian yang ada yaitu : jika mouse di klik, atau jika pointer mouse dilewatkan, dll. 15/04/2015By : Suwondo, S.Kom22

23 Javascript String String digunakan untuk memanipulasi text. Contoh : var txt="Hello world!"; document.write(txt.length); Hasilnya adalah 12. var txt="Hello world!"; document.write(txt.toUpperCase()); Hasilnya adalah HELLO WORLD 15/04/2015By : Suwondo, S.Kom23

24 Javascript Date Date digunakan untuk memanipulasi tanggal. Untuk mendeklarasikan date : new Date() // current date and time new Date(milliseconds) //milliseconds since 1970/01/01 new Date(dateString) new Date(year, month, day, hours, minutes, seconds, milliseconds) Contoh : var today = new Date() var d1 = new Date("October 13, :13:00") var d2 = new Date(79,5,24) var d3 = new Date(79,5,24,11,33,0) 15/04/2015By : Suwondo, S.Kom24

25 Javascript Array Array adalah variabel yang berindex, untuk mendeklarasikan array pada javascript : var myCars=new Array(); // regular array (add an optional integer myCars[0]="Saab"; // argument to control array's size) myCars[1]="Volvo"; myCars[2]="BMW"; Atau var myCars=new Array("Saab","Volvo","BMW"); // condensed array Atau var myCars=["Saab","Volvo","BMW"]; // literal array Mengakses array : document.write(myCars[0]); 15/04/2015By : Suwondo, S.Kom25

26 Javascript Math Math berisi beberapa fungsi untuk matematika. Contoh : var x=Math.PI; var y=Math.sqrt(16); document.write(Math.random()); 15/04/2015By : Suwondo, S.Kom26


Download ppt "Javascript BASIC Javascript. Pendahuluan Apa itu JavaScript? o JavaScript dirancang untuk menambahkan interaktivitas kehalaman HTML o JavaScript adalah."

Presentasi serupa


Iklan oleh Google