Aplikasi Berbasis Web 6 Javascript

41
JAVASCRIPT PERTEMUAN 6

Transcript of Aplikasi Berbasis Web 6 Javascript

JAVASCRIPT

PERTEMUAN 6

PENGENALAN JAVASCRIPTbull Asal mula nama JavaScript adalah LiveScript

dikembangkan pertama kali pada tahun 1995 di Netscape Communications

bull Hasil kolaborasi antara Netscape dan Sun (pengembang bahasa pemrograman ldquoJavardquo ) memberikan nama baru ldquoJavaScriptrdquo pada tanggal 4 desember 1995

bull Bahasa ini dikenali pada browser Netscape Navigator mulai versi di atas 20 sedangkan Microsoft melengkapi Internet Explorer dengan JavaScript mulai versi 30 ke atas

2

PENGENALAN JAVASCRIPTbull JavaScript adalah bahasa skrip yang ditempelkan pada kode

HTML dan diproses pada sisi klien sehingga kemampuan dokumen HTML menjadi lebih luas

JavaScript memungkinkan untuk memvalidasi masukan-masukan pada formulir sebelum dikirim ke server

JavaScript dapat mengimplementasi permainan interaktif

bull Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript yang terselip di dalam dokumen HTML

bull Javascript tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya

3

PERBEDAAN JAVASCRIPT DAN PEMROGRAMAN JAVA

bull JavaScript sendiri merupakan bahasa yang mudah dipahami karena memiliki kemiripan dengan konsep bahasa pemrograman visual maupun Java ataupun C

bull JavaScript adalah bahasa yang ldquocase sensitiverdquo artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil

bull Seperti bahasa Java ataupun C setiap instruksi dalam JavaScript diakhiri dengan karakter titik koma () 4

BENTUK SKRIP DARI JAVASCRIPT

bull Skrip dari JavaScript terletak di dalam dokumen HTML bull ltSCRIPT language=Javascriptgt

letakkan script anda disini ltSCRIPTgt

bull Pada navigator versi lama sebelum adanya JavaScript tidak mengenal tag tersebut dan akan melewatkannya untuk di baca Untuk itu perlu ditambahkan tag komentar agar skripnya tidak dibaca sebagai skrip tetapi di baca sebagai komentar dan tidak akan dieksekusi sebagai program

ltSCRIPT language=Javascriptgt lt-- letakkan script anda disini --gt ltSCRIPTgt 5

MEMBUAT KOMENTAR (SKRIP TIDAK TEREKSEKUSI)bull Untuk menulis komentar dalam satu baris kita

gunakan karakter dobel slash

bull semua karakter di belakang tidak akan di eksekusi

bull Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter dan

bull Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator

6

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML

Menggunakan tag ltSCRIPTgt Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan

dokumen HTML atau bisa kita sebut diantara tag ltBODYgt dan ltBODYgt

Keterangan tambahan di dalam tag ltSCRIPTgt menunjukkan jenis bahasa yang digunakan dan versinya contohnya ldquoJavaScriptldquo ldquoJavaScript11ldquoldquoJavaScript12ldquo untuk bahasa JavaScript Contoh

ltHTMLgt

ltHEADgt ltTITLEgtContoh Program JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt

lt--

alert(Hallo )

--gt

ltSCRIPTgt

ltBODYgt ltHTMLgt

7

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

PENGENALAN JAVASCRIPTbull Asal mula nama JavaScript adalah LiveScript

dikembangkan pertama kali pada tahun 1995 di Netscape Communications

bull Hasil kolaborasi antara Netscape dan Sun (pengembang bahasa pemrograman ldquoJavardquo ) memberikan nama baru ldquoJavaScriptrdquo pada tanggal 4 desember 1995

bull Bahasa ini dikenali pada browser Netscape Navigator mulai versi di atas 20 sedangkan Microsoft melengkapi Internet Explorer dengan JavaScript mulai versi 30 ke atas

2

PENGENALAN JAVASCRIPTbull JavaScript adalah bahasa skrip yang ditempelkan pada kode

HTML dan diproses pada sisi klien sehingga kemampuan dokumen HTML menjadi lebih luas

JavaScript memungkinkan untuk memvalidasi masukan-masukan pada formulir sebelum dikirim ke server

JavaScript dapat mengimplementasi permainan interaktif

bull Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript yang terselip di dalam dokumen HTML

bull Javascript tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya

3

PERBEDAAN JAVASCRIPT DAN PEMROGRAMAN JAVA

bull JavaScript sendiri merupakan bahasa yang mudah dipahami karena memiliki kemiripan dengan konsep bahasa pemrograman visual maupun Java ataupun C

bull JavaScript adalah bahasa yang ldquocase sensitiverdquo artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil

bull Seperti bahasa Java ataupun C setiap instruksi dalam JavaScript diakhiri dengan karakter titik koma () 4

BENTUK SKRIP DARI JAVASCRIPT

bull Skrip dari JavaScript terletak di dalam dokumen HTML bull ltSCRIPT language=Javascriptgt

letakkan script anda disini ltSCRIPTgt

bull Pada navigator versi lama sebelum adanya JavaScript tidak mengenal tag tersebut dan akan melewatkannya untuk di baca Untuk itu perlu ditambahkan tag komentar agar skripnya tidak dibaca sebagai skrip tetapi di baca sebagai komentar dan tidak akan dieksekusi sebagai program

ltSCRIPT language=Javascriptgt lt-- letakkan script anda disini --gt ltSCRIPTgt 5

MEMBUAT KOMENTAR (SKRIP TIDAK TEREKSEKUSI)bull Untuk menulis komentar dalam satu baris kita

gunakan karakter dobel slash

bull semua karakter di belakang tidak akan di eksekusi

bull Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter dan

bull Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator

6

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML

Menggunakan tag ltSCRIPTgt Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan

dokumen HTML atau bisa kita sebut diantara tag ltBODYgt dan ltBODYgt

Keterangan tambahan di dalam tag ltSCRIPTgt menunjukkan jenis bahasa yang digunakan dan versinya contohnya ldquoJavaScriptldquo ldquoJavaScript11ldquoldquoJavaScript12ldquo untuk bahasa JavaScript Contoh

ltHTMLgt

ltHEADgt ltTITLEgtContoh Program JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt

lt--

alert(Hallo )

--gt

ltSCRIPTgt

ltBODYgt ltHTMLgt

7

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

PENGENALAN JAVASCRIPTbull JavaScript adalah bahasa skrip yang ditempelkan pada kode

HTML dan diproses pada sisi klien sehingga kemampuan dokumen HTML menjadi lebih luas

JavaScript memungkinkan untuk memvalidasi masukan-masukan pada formulir sebelum dikirim ke server

JavaScript dapat mengimplementasi permainan interaktif

bull Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript yang terselip di dalam dokumen HTML

bull Javascript tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya

3

PERBEDAAN JAVASCRIPT DAN PEMROGRAMAN JAVA

bull JavaScript sendiri merupakan bahasa yang mudah dipahami karena memiliki kemiripan dengan konsep bahasa pemrograman visual maupun Java ataupun C

bull JavaScript adalah bahasa yang ldquocase sensitiverdquo artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil

bull Seperti bahasa Java ataupun C setiap instruksi dalam JavaScript diakhiri dengan karakter titik koma () 4

BENTUK SKRIP DARI JAVASCRIPT

bull Skrip dari JavaScript terletak di dalam dokumen HTML bull ltSCRIPT language=Javascriptgt

letakkan script anda disini ltSCRIPTgt

bull Pada navigator versi lama sebelum adanya JavaScript tidak mengenal tag tersebut dan akan melewatkannya untuk di baca Untuk itu perlu ditambahkan tag komentar agar skripnya tidak dibaca sebagai skrip tetapi di baca sebagai komentar dan tidak akan dieksekusi sebagai program

ltSCRIPT language=Javascriptgt lt-- letakkan script anda disini --gt ltSCRIPTgt 5

MEMBUAT KOMENTAR (SKRIP TIDAK TEREKSEKUSI)bull Untuk menulis komentar dalam satu baris kita

gunakan karakter dobel slash

bull semua karakter di belakang tidak akan di eksekusi

bull Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter dan

bull Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator

6

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML

Menggunakan tag ltSCRIPTgt Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan

dokumen HTML atau bisa kita sebut diantara tag ltBODYgt dan ltBODYgt

Keterangan tambahan di dalam tag ltSCRIPTgt menunjukkan jenis bahasa yang digunakan dan versinya contohnya ldquoJavaScriptldquo ldquoJavaScript11ldquoldquoJavaScript12ldquo untuk bahasa JavaScript Contoh

ltHTMLgt

ltHEADgt ltTITLEgtContoh Program JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt

lt--

alert(Hallo )

--gt

ltSCRIPTgt

ltBODYgt ltHTMLgt

7

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

PERBEDAAN JAVASCRIPT DAN PEMROGRAMAN JAVA

bull JavaScript sendiri merupakan bahasa yang mudah dipahami karena memiliki kemiripan dengan konsep bahasa pemrograman visual maupun Java ataupun C

bull JavaScript adalah bahasa yang ldquocase sensitiverdquo artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil

bull Seperti bahasa Java ataupun C setiap instruksi dalam JavaScript diakhiri dengan karakter titik koma () 4

BENTUK SKRIP DARI JAVASCRIPT

bull Skrip dari JavaScript terletak di dalam dokumen HTML bull ltSCRIPT language=Javascriptgt

letakkan script anda disini ltSCRIPTgt

bull Pada navigator versi lama sebelum adanya JavaScript tidak mengenal tag tersebut dan akan melewatkannya untuk di baca Untuk itu perlu ditambahkan tag komentar agar skripnya tidak dibaca sebagai skrip tetapi di baca sebagai komentar dan tidak akan dieksekusi sebagai program

ltSCRIPT language=Javascriptgt lt-- letakkan script anda disini --gt ltSCRIPTgt 5

MEMBUAT KOMENTAR (SKRIP TIDAK TEREKSEKUSI)bull Untuk menulis komentar dalam satu baris kita

gunakan karakter dobel slash

bull semua karakter di belakang tidak akan di eksekusi

bull Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter dan

bull Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator

6

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML

Menggunakan tag ltSCRIPTgt Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan

dokumen HTML atau bisa kita sebut diantara tag ltBODYgt dan ltBODYgt

Keterangan tambahan di dalam tag ltSCRIPTgt menunjukkan jenis bahasa yang digunakan dan versinya contohnya ldquoJavaScriptldquo ldquoJavaScript11ldquoldquoJavaScript12ldquo untuk bahasa JavaScript Contoh

ltHTMLgt

ltHEADgt ltTITLEgtContoh Program JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt

lt--

alert(Hallo )

--gt

ltSCRIPTgt

ltBODYgt ltHTMLgt

7

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

BENTUK SKRIP DARI JAVASCRIPT

bull Skrip dari JavaScript terletak di dalam dokumen HTML bull ltSCRIPT language=Javascriptgt

letakkan script anda disini ltSCRIPTgt

bull Pada navigator versi lama sebelum adanya JavaScript tidak mengenal tag tersebut dan akan melewatkannya untuk di baca Untuk itu perlu ditambahkan tag komentar agar skripnya tidak dibaca sebagai skrip tetapi di baca sebagai komentar dan tidak akan dieksekusi sebagai program

ltSCRIPT language=Javascriptgt lt-- letakkan script anda disini --gt ltSCRIPTgt 5

MEMBUAT KOMENTAR (SKRIP TIDAK TEREKSEKUSI)bull Untuk menulis komentar dalam satu baris kita

gunakan karakter dobel slash

bull semua karakter di belakang tidak akan di eksekusi

bull Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter dan

bull Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator

6

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML

Menggunakan tag ltSCRIPTgt Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan

dokumen HTML atau bisa kita sebut diantara tag ltBODYgt dan ltBODYgt

Keterangan tambahan di dalam tag ltSCRIPTgt menunjukkan jenis bahasa yang digunakan dan versinya contohnya ldquoJavaScriptldquo ldquoJavaScript11ldquoldquoJavaScript12ldquo untuk bahasa JavaScript Contoh

ltHTMLgt

ltHEADgt ltTITLEgtContoh Program JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt

lt--

alert(Hallo )

--gt

ltSCRIPTgt

ltBODYgt ltHTMLgt

7

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

MEMBUAT KOMENTAR (SKRIP TIDAK TEREKSEKUSI)bull Untuk menulis komentar dalam satu baris kita

gunakan karakter dobel slash

bull semua karakter di belakang tidak akan di eksekusi

bull Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter dan

bull Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator

6

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML

Menggunakan tag ltSCRIPTgt Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan

dokumen HTML atau bisa kita sebut diantara tag ltBODYgt dan ltBODYgt

Keterangan tambahan di dalam tag ltSCRIPTgt menunjukkan jenis bahasa yang digunakan dan versinya contohnya ldquoJavaScriptldquo ldquoJavaScript11ldquoldquoJavaScript12ldquo untuk bahasa JavaScript Contoh

ltHTMLgt

ltHEADgt ltTITLEgtContoh Program JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt

lt--

alert(Hallo )

--gt

ltSCRIPTgt

ltBODYgt ltHTMLgt

7

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML

Menggunakan tag ltSCRIPTgt Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan

dokumen HTML atau bisa kita sebut diantara tag ltBODYgt dan ltBODYgt

Keterangan tambahan di dalam tag ltSCRIPTgt menunjukkan jenis bahasa yang digunakan dan versinya contohnya ldquoJavaScriptldquo ldquoJavaScript11ldquoldquoJavaScript12ldquo untuk bahasa JavaScript Contoh

ltHTMLgt

ltHEADgt ltTITLEgtContoh Program JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt

lt--

alert(Hallo )

--gt

ltSCRIPTgt

ltBODYgt ltHTMLgt

7

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

MELETAKKAN JAVASCRIPT DALAM DOKUMEN HTML bull Menggunakan file ekstern

Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas)

ltSCRIPT LANGUAGE=Javascript SRC=urlfilejsgt ltSCRIPTgt dimana urlfilejs adalah adalah lokasi dan nama file yang berisi kode

JavaScript jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script

bull Melalui event tertentu Event adalah sebutan dari satu action yang dilakukan oleh user contohnya

seperti klik tombol mouse lttag eventHandler=kode Javascript yang akan dimasukkangt

dimana eventHandler adalah nama dari event tersebut

8

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

MENGGUNAKAN FILE JAVASCRIPT EXTERNAL

bull Kita dapat meletakkan kode javascript kita dalam file tersendiri ( terpisah dari file html ) sehingga kita dapat menggunakannya berulang kali pada beberapa file html yang lain

bull Biasanya file external tersebut berisi kumpulan dari fungsi ndash fungsi yang akan dibutuhkan

bull Beberapa hal yang perlu diperhatikan adalah 1 cara pemanggilan file external javascript adalah ltscript src=rdquofile_externaljsrdquogtltscriptgt biasanya ditulis didalam tag ltheadgt

bull 2file external javascript harus berextensi js

bull 3dalam file external javascript tidak diperlukan lagi tag ltscriptgt

9

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

CONTOH JAVASCRIPT EXTERNAL FUNGSIJS

10

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

CONTOH

11

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

JavaScript memperlakukan elemen elemen yang tampil di jendela navigator sebagai suatu obyek yang artinya adalah elemen

Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)

Ilustrasi

Kebun 1048707 Pohon

bull Dahan o Daun o Sarang Burung

1048707 Panjang = 20 1048707 Warna = kuning 1048707 Tinggi = 4

bull Batang bull Akar

1048707 Sangkar Ternak bull Ayam bull Bebek

12

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

PROPERTIProperti adalah atribut dari sebuah objekPenulisannya (dipisahkan dengan tanda ldquordquo) nama_objek

nama_propertiProperti dapat diberi nilai penulisannya objek properti = nilaiContoh

ltHTMLgtltHEADgtltTITLEgtProperti defaultStatusltTITLEgtltHEADgtltBODYgtltH1gtTes defaultStatusltH1gtltSCRIPT LANGUAGE = JavaScriptgtlt-- windowdefaultStatus = Selamat belajar JavaScriptldquo --gtltSCRIPTgtltBODYgtltHTMLgt

13

Nama Objek

Nama Properti Nilai

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

METODEbull Properti adalah suatu kumpulan kode yang digunakan

untuk melakukan sesuatu tindakan terhadap objek

Penulisannya (dipisahkan dengan tanda ldquordquo) nama_objek nama_metode(ldquoparameterrdquo)

Contoh ltHTMLgt ltHEADgt ltTITLEgtSkrip JavascriptltTITLEgtltHEADgt ltBODYgt ltSCRIPT language=Javascriptgt lt--

documentwrite(ldquoSelamat Mencoba JavaScript ltBRgtrdquo) documentwrite(ldquoSemoga Suksesrdquo rdquo) --gt ltSCRIPTgt ltBODYgt ltHTMLgt

14

Nama Objek

Nama Metode

Parameter

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

PENANGANAN KEJADIAN (EVENT HANDLER)bull Penanganan Kejadian adalah sekumpulan kode yang akan

dijalankan manakala pemakai melakukan suatu tindakankejadian misalnya mengklik tombol mouse atau ketika menutup jendela browser

bull Penulisannya nama_kejadian = ldquokumpulan koderdquo

bull Kumpulan kode dapat berisi sejumlah pernyataan Antar pernyataan dipisahkan titik-koma

bull Contoh

15

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

PEMASUKAN DATAbull JavaScript memiliki mekanisme yang memungkinkan pemakai

disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses

Contoh

16

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

JENDELA PERINGATAN DAN JENDELA KONFIRMASIJendela Peringatan

17

bull Jendela Konfirmasi

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

VARIABELbull Variable adalah suatu obyek yang berisi data data

yang mana dapat di modifikasi selama pengeksekusian program

bull Aturan pemberian nama variabel Nama variabel harus dimulai oleh satu huruf (huruf besar

maupun huruf kecil) atau satu karakter _ Nama variabel bisa terdiri dari huruf huruf angka angka

atau karakter _ dan amp (spasi kosong tidak diperbolehkan) Nama variabel tidak boleh memakai nama yang

digunakan dalam reserved program seperti abstract boolean break byte if implements import in infinity instanceof int interface dll

18

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

19

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

20

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

MENDEKLARASIKAN VARIABELbull eksplisit dengan menuliskan kata kunci var

kemudian diikuti dengan nama variabel dan nilai dari variabel var test = ldquohalordquo

bull implisit dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel test = ldquohalordquo

21

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

PELETAKAN VARIABEL (GLOBAL ATAU LOKAL)

bull Jika dideklarasikan dibagian awal dari skrip program yang artinya sebelum pendeklarasian semua fungsi maka semua fungsi di dalam program bisa mengakses variabel ini dan variabel ini menjadi variabel global

bull Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu maka variabel itu hanya bisa di akses dari dalam fungsi tersebut dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain dan kita sebut variabel ini menjadi variabel lokal

22

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

CONTOH VARIABEL

23

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TIPE DATA (1)bull Bilangan bulat atau desimal

Integer(bilangan bulat) basis-nya basis desimal integer di tuliskan dalam urutan unit bilangan (dari 0 sampai

dengan 9) permulaan bilangan tidak boleh dimulai oleh angka 0

basis heksadesimal dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f) permulaan bilangan dimulai oleh 0x atau 0X

basis oktal dituliskan dalam urutan unit angka dari 0 sampai dengan 7 permulaan bilangan dimulai dengan angka 0

24

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TIPE DATA Float (bilangan desimal) bilangan yang disebut juga bilangan pecahan atau bilangan yang

dituliskan dengan tanda koma bilangan bulat desimal 895 bilangan dengan tanda koma 89512 bilangan pembagian 2711 bilangan eksponensial bilangan dengan tanda koma kemudian diikuti oleh huruf

e(atau E) kemudian diikuti oleh bilangan bulat yang artinya pangkat dari bilangan 10 (+ atau - pangkat postitif atau negatif) contoh

var a = 275e-2 var b = 358E+10 var c = 25e-2

25

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TIPE DATA (2)bull String adalah kumpulan dari karakter kita deklarasikan

variabel string menggunakan tanda () atau () Ada beberapa karakter spesial yang bisa kita gunakan untuk mensimulasikan

bagian dari karakter yang tidak terlihat (non visual) dan juga untuk menghindarkan kemungkinan navigator mengalami kebingungan dalam membedakan antara string dan skripnya sendiri karakter spesial ini menggunakan simbol antislash () beberapa contoh karakter spesial tersebut n kembali ke baris awal r menekan tombol ENTER t tab tanda petik ganda tanda petik tunggal karakter antislash

Contoh var a = Hallo var b = Sampai Ketemu Lagi Judul = Ada apa di dalam cwindows

bull Booleans adalah satu variabel khusus yang berguna untuk mengevalua si suatu kondisi tertentu oleh karenanya boolean mempunyai dua nilai

True diwakili oleh nilai 1 False diwakili oleh nilai 0

26

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

KONVERSI TIPE DATAbull Mengubah bentuk string

menjadi bentuk bilangan bulat parseInt()

bull Mengkonversi bentuk string menjadi bilangan real parseFloat()

27

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

28

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

OPERATOR MATEMATIKA

29

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

OPERATOR MATEMATIKA

30

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

31

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

OPERATOR PEMBANDING DAN LOGIKA

32

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

OPERATOR PEMBANDING DAN LOGIKA

33

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

34

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

35

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

36

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

37

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

38

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

39

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

40

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41

TUGAS BUATLAH SCRIPT BERIKUT INI JALANKAN SCRIPT DAN BERILAH KOMENTAR

41

  • JAVASCRIPT
  • Pengenalan JavaScript
  • Slide 3
  • Perbedaan JavaScript dan Pemrograman Java
  • Bentuk skrip dari Javascript
  • Membuat Komentar (Skrip tidak Tereksekusi)
  • Meletakkan JavaScript dalam dokumen HTML
  • Slide 8
  • Menggunakan file javascript external
  • Contoh javascript external fungsijs
  • contoh
  • JavaScript Sebagai Bahasa Berorientasi Objek
  • Properti
  • Metode
  • Penanganan Kejadian (Event Handler)
  • Pemasukan Data
  • Jendela Peringatan dan Jendela Konfirmasi
  • Variabel
  • PowerPoint Presentation
  • Slide 20
  • Mendeklarasikan Variabel
  • Peletakan variabel (global atau lokal)
  • Contoh variabel
  • Tipe Data (1)
  • Tipe Data
  • Tipe Data (2)
  • Konversi Tipe Data
  • Slide 28
  • Operator Matematika
  • Slide 30
  • Slide 31
  • Operator Pembanding dan Logika
  • Slide 33
  • Slide 34
  • Tugas Buatlah script berikut ini Jalankan script dan berilah komentar
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41