wat-pw [chapter vi - javascript dasar] genap 2014-2015.pptx

7/17/2019 wat-PW [Chapter VI - Javascript Dasar] GENAP 2014-2015.pptx

http://slidepdf.com/reader/full/wat-pw-chapter-vi-javascript-dasar-genap-2014-2015pptx 1/22

SIS 210 – Pemrograman Web Chapter VI

JavaScript Dasar

Wiwit Agus Triyanto, [email protected]

http://www.atwiwit.net085 ! 55"



Tujuan

Memahami konsep dan struktur Javascript. Mampu memahami hierarki objek javascript. Mampu memahami dan mengimplementasikan

objek standar javascript.

Wiwit Agus Triyanto,M.Kom



Pre Test

1. Apa yang anda ketahui tentang javascript

!. Apa yang anda ketahui tentang noscript




Apa itu JavaScript

Javascript adalah bahasa yang berbentuk#umpu$an script yang pada "ungsinya berjalandan memberikan kemampuan tambahan terhadap bahasa #TM$.

Penulisan script JavaScript%


&S'()PT language*+Javascript+,...$etakkan script disini...

&-S'()PT,



omentar di JavaScript

%omments atau #omentar biasanya digunakan oleh programmer untuk memudahkanmengingat kembali script yang sudah di tulisnya/dengan ini maka script tidak dibaca sebagaiscript akan tetapi dibaca sebagai komentar dan

tidak akan dieksekusi sebagai program.› 0ntuk menulis komentar dalam satu baris kita gunakan

karakter dobel slash 2--+3.

› 0ntuk menulis komentar yang terdiri dari beberapabaris kita gunakan karakter -4 dan 4-.


&script language* 5Javascript5,-- letakkan komentar di sini-- ini komentar kedua

&-script,



Menggunakan Tag &67S'()PT,

Tag ini digunakan untuk menampilkan pesan kebro8ser yang tidak mendukung Javascript dan

jika bro8ser sudah mendukung Javascript makatag ini akan diabaikan dan isinya tidak akanditampilkan.


&html,

&head,&noscript,

bro8ser anda belum mendukung javascript&-noscript,&script language*5javascript5,

-- script ini akan dieksekusi jika bro8ser mendukung javascriptdocument.8rite 5bro8ser ini sudah mendukung javascript539

&-script,&-head,&body,&-body,&-html,



Me$eta##an &a'a(cript dido#umen )TM*




)nternal JavaScript

Peletakkan tag +(%-T diantara bagiankepala dari dokumen #TM$/ yaitu bagian antaratag +)A1 dan +/)A1.


&html,&head,

&script language*5Javascript5,&:;; menampilkan pesan berikut pada bro8seralert5ini adalah latihan javascript pertamaku539--;;,

&-script,&-head,&-html,



<ksternal JavaScript

Menuliskan kode program Javascript dalam suatu=le teks dan kemudian =le teks yang berisi kode

Javascript dipanggil dari dalam dokumen #TM$.


&html,&head,

&script language*5javascript5 src*5pesan.js5,&-script,&-head,&body,

'ontoh pesan tadi menggunakan =le ekstern javascript&-body,&-html,



<vent JavaScript

Event adalah sebutan dari satu action yangdilakukan oleh user/ contohnya seperti kliktombol mouse.


&html,&head,&-head, &body,

&"orm,&input type*5te?t5 on'hange*5alert@anda telah mengubah isi te?t@395,&-"orm,

&-body,

&-html,

Wi it A T i t



234e# di &a'a(cript


Wi it A T i t



Pengenalan 7bjek

Javascript membagi satu halaman bro8ser dalamberbagai objek dengan tujuan untukmemudahkan kita mengakses salah satu dariobjek dan memanipulasinya dengan caramerubah si"at-kondisi properti3 objek.

7bjek bersi"at hierarkhi.› 7bjek paling besar adalah objek 8indo8 dari bro8ser.

› Di dalam objek 8indo8/ ada satu objek yangditampilkan dalam bentuk sebuah halaman/ kitasebagai objek dokumen atau document.

› #alaman berisi banyak objek seperti "ormula/ image dll.


Wiwit Agus Triyanto



#ierarkhi 7bjek ro8ser

#irarki ini penting untuk membuat acuan kepadaobjek dan propertinya. Turunan dari suatu objekadalah properti dari objek orang tuanya.

0ntuk mengakses satu objek/ terlebih dahulukita harus mengakses objek yang paling besardalam hal ini objek 8indo83.


Wiwit Agus Triyanto



7bjek standart di JavaScript

ama 234e# Keterangan

Array 7bjek array memungkinkan kita untuk membuat tabel/ karena

mempunyai berbagai metode untuk menambahkan/ menghapus atau

juga mengambil elemen dari suatu tabel dan juga mengurutkan elemen;

elemen tersebut

oolean 7bjek oolean memungkinkan kita untuk membuat nilai oolean/ dalam

artian elemen yang mempunyai dua kondisi% benar atau salah.

Date 7bjek date memungkinkan kita untuk membuat dan memanipulasi

tanggal dan juga durasi 8aktu

Math 7bjek math memungkinkan kita untuk memanipulasi "ungsi;"ungsi

matematika

6umber 7bjek number memungkinkan kita untuk membuat operasi;operasi dasar

terhadap bilangan

String 7bjek string menyediakan banyak jenis metoda yang memungkinkan

kita memanipulasi variable string.


Wiwit Agus Triyanto



". 234e# Array› erikut ini adalah sintaks untuk membuat table%

› Jika tidak ada elemen yang disebutkan dalamparameter/ tabel itu akan menjadi tabel kosong padasaat pembuatannya/ sebaliknya jika elemen diisi/ makaisi tabel akan diinisialisasi oleh nilai dari elementersebut. Sebagai tambahan objek array mempunyaidua karakteristik properti yaitu properti input dan

length.


var ? * ne8 Arrayelemen1B/elemen!/C.39

Wiwit Agus Triyanto,



. 234e# 6oo$ean› erikut ini adalah sintaks dari objek oolean %

› Parameter bisa berupa satu nilai True atau False3 atausatu ekspresi yang akan diperhitungkan sebagai nilai

oolean. Jika tidak ada nilai parameter yang dile8atkanatau nilai E atau string kosong atau undefned atau juga6a6 Not a Number 3/ nilai oolean akan diinisialisasikanke False. Sebaliknya objek oolean akan bernilai True.

› erikut ini adalah da"tar metoda standar dari objek

oolean%


var ? * ne8 oolean parameter39

Metoda Keterangan ToSource3 Metoda ini mengirimkan kembali kode sumber yang memungkinkan

kita untuk membuat objek oolean ToString3 Metoda ini mengirimkan kembali string yang berhubungan dengan

instruksi untuk membuat objek ooleanGalue7"3 Metoda ini mengembalikan nilai asal dari objek oolean




7. 234e# 1ate› erikut ini sintaks;sintaks untuk membuat objek date%

amadario34e#9new 1ate;

Sintaks ini memungkinkan kita untuk menyimpan tanggaldan jam saat ini.

amadario34e#9new 1ate<hari, 3u$an tangga$ tahun

4am:menit:deti#=;Parameter berbentuk string dengan batas;batas pemisahseperti "ormat diatas.

amadario34e#9new 1atetahun,3u$an,hari;

Parameter adalah tiga integer yang dipisahkan oleh tanda

koma.amadario34e#9new

Datetahun/bulan/hari/jam/menit/detikB/perseribudetik3

Parameter adalah enam integer yang dipisahkan oleh tandakoma.





› erikut ini adalah da"tar beberapa metoda standar dari

objek date%

g y ,M.Kom

Metoda Keterangan &enis ni$ai hasi$HetDate3 0ntuk memperoleh angka yang

berkorespondensi dengannomor hari dalam satu bulan

Satu integer dengan nilai antara 1 s-dI1 yang berkorespondensi dengannomer hari dalam satu bulan

HetDay3 0ntuk memperoleh angka yangberkorespondensi dengannomor hari dalam satu

minggunya.

)nteger yang berhubungan dengannomer hari dalam semingguE % minggu

1 % seninCCCC..

HetMonth3 0ntuk memperoleh angka yangberkorespondensi dengannomer bulan dalam setahun

)nteger yang berhubungan dengannomer bulan dalam setahunE % januari1% "ebruariCCCCC

Hetear3 0ntuk memperoleh nilai tahundalam ! bilangan dari objek

date

)nteger yang berkorespondensidengan tahun ??

SetDate?3 0ntuk memberikan angka yangberkorespondensi dengannomer hari pada satu bulan

Parameter adalah integer antara 1dan I1 yang berkorespondensi padanomer hari dalam satu bulan.




>. 234e# Math› erikut ini adalah sintaks dari objek Math%

› erikut ini adalah da"tar metoda standar dari objekMath%

g yM.Kom

Math.metoda9

Metoda Keterangan %ontohMa?bil1/bil!3 Mengembalikan nilai terbesar

diantara dua parameter yangdibandingkan

K*Math.ma?L/39

--hasilnya ?*

SNrtbil3 Mengembalikan akar dari bilanganyang dile8atkan sebagai parameter

K*Math.sNrt!L39--hasilnya ?*L

'eil3 Mengembalikan nilai integer terkecilyang lebih besar sama dengan nilaiparameter yang diberikan

K*Math.ceilI.OO39--hasilnya ?*?*Math.ceil.E139--hasilnya ?*L

Floor3 Mengembalikan nilai integer terbesar

yang lebih kecil sama dengan nilaiparameter yang diberikan

K*Math.ceilI.OO39

--hasilnya ?*I?*Math.ceil.E139--hasilnya ?*

(ound3 Membulatkan bilangan di parameterke integer yang terdekat/ jikabilangan tersebut mengandungangka decimal lebih besar dari E.Lmaka akan dibulatkan ke atas.

?*Math.roundI.I39--hasilnya I?*Math.roundI.O39--hasilnya




5. 234e# (tring› 7bjek String mempunyai satu properti yaitu properti

length/ untuk memperoleh panjang dari suatu variabledata string. Sintaks dari properti ini adalah sebagaiberikut%

› erikut ini adalah da"tar metoda standar dari objekString%

M.Kom

?*namaQvariableQstring.length9?*Rsembarang teks3.length9

Metoda KeteranganString.big3 Menaikkan ukuran huru" satu pointString.small3 Menurunkan ukuran huru" satu pointString.blink3 Mentrans"ormasikan teks menjadi berkedipString.bold3 Mentrans"ormasikan huru" di teks;teks menjadi tebal tag &b,3

String.italics3 Mentrans"ormasikan huru" di teks;teks menjadi miring tag &i,3String.to$o8er'ase3 Mentrans"ormasikan semua huru" dalam teks menjadi huru" kecilString.to0pper'ase3 Mentrans"ormasikan semua huru" dalam teks menjadi huru"

besar




Cognitive-Perormance Test

1. Sebutkan dan Jelaskan jenis;jenis JavaScript :

!. Sebutkan dan Jelaskan beberapa objek pada JavaScript :

M.Kom

Wiwit Agus Triyanto,M K


http://slidepdf.com/reader/full/wat-pw-chapter-vi-javascript-dasar-genap-2014-2015pptx 22/22to be continued

M.Kom

wat-pw [chapter vi - javascript dasar] genap 2014-2015.pptx

Documents