Tahun 2016 suvi.rahmagmail.com
Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah javascript
2. Mahasiswa dapat memahami object yang ada di Javascript
7.2 Materi :
1. Objectl Java Script
7.3 Alat Bantu
1. Notepad ++ 2. Page, Image
7.4. Prosedure Praktikum
1. Peserta membaca dan memperlajari materi praktkum sebelumnya 2. Instruktur menerangkan dan menjelaskan teori dan cara kerja
3. Peserta mempraktikkan materi percobaan 4. Peserta membuat penyelesaian terhadap soal latihan, tugas dan berhak mendapatkan
nilai praktikum harian
7.5 Teori
Object.
1. Tentang Obyek
Untuk selanjutnya mari kita masuk kebagian berikutnya, yaitu bagian yang berbicara tentang obyek, tujuan dari bagian ini adalah sebagai pengenalan tentang obyek, dan memberikan
ide kepada anda apakah yang disebut obyek itu ? ,yang merupakan konsep penting di dalam pembuatan kode JavaScript.
JavaScript memperlakukan elemen elemen yang tampil di jendela navigator kita sebagai suatu obyek , yang artinya adalah elemen yang :
Diklasifikasikan berdasarkan hirarkitingkatan khusus sehingga kita bisa mengetahui dimana letaklokasi obyek itu sebenernya.
Dimana kita mengasosiasikan dengan kondisi atau sifat-sifat khusus properti Pengertian diatas mungkin sedikit membingungkan bagi anda, tapi marilah kita lihat contoh
berikut ini untuk memperjelas. Misal kita bayangkan ada satu pohon yang terletak di dalam satu kebun, dimana rumah itu mempunyai banyak kamar, dan di salah satu kamarnya
terdapat kasur. Mari kita lihat hirarkinya sebagai berikut. o RT
Rumah Kamar
o Meja o Kasur
Luas = 12 X 2 meter
Warna = Biru
Type = single
Ruang keluarga Dapur
Rumah tetangga Balai RT
Kursi Papan pengumuman
Tahun 2016 suvi.rahmagmail.com
Kasur yang berada di rumah dapat di tuliskan sebagai berikut :
RT.Rumah.Kamar.Kasur
Sedangkan Kursi yang terletak di balai RT, kita tuliskan sebagai berikut :
RT.Balai RT.Kursi
Bayangkan sekarang kita ingin ngganti sprei kasur menjadi warna merah yang terletak di kamar, maka kita cukup mengetik perintah berikut ini
RT.Rumah.Kamar.Kasur.warna=merah
Nah begitulah ilustrasi tentang bagaimana kita memperlakukan obyek di dalam JavaScript, perbedaanya adalah bukan RT sebagai bentuk obyek kita, akan tetapi navigator kitalah
sebagai obyek utamanya.
2. Obyek dari Navigator browser
JavaScript membagi satu halaman Navigator dalam berbagai obyek-obyek, dengan tujuan untuk memudahkan kita untuk mengakses salah satu dari mereka dan memanipulasinya
dengan cara mengubah sifatkondisi properti mereka. Kita mulai dari obyek yang paling besar diantara semuanya yang berisi semua obyek
lainnya, kemudian kita turun berdasarkan tingkatan atau hirarkinya sampai kepada obyek yang kita inginkan.
Obyek paling besar adalah obyek jendela window dari navigator.
Di dalam obyek jendela, ada satu obyek yang ditampilkan dalam bentuk sebuah
halaman, kita sebut obyek dokumen atau document.
Halaman itu berisi banyak obyek seperti, formula, text, image dan lain lainya. Untuk mengakses satu obyek, kita harus mengakses terlebih dahulu obyek yang paling
besar dalam hal ini obyek window . ambil sebagai contoh satu obyek yang bernama
checkbox berikut ini: HTML
HEAD TITLEContoh Program JavascriptTITLE
HEAD BODY
form name=f1 input type=checkbox name=cek Contoh pilihan
form BODY
HTML Hasil:
Form untuk untuk contoh ini kita beri nama f1 tujuannya adalah untuk membedakan dengan form form lainnya di dalam satu dokumen, dan dituliskan dalam kode berikut
ini : window.document.f1.
Tombol checkbox, dan kita beri nama cek dituliskan dalam bentuk berikut ini : window.document.f1.cek
Nilai dari cek nantinya dapat ditulikan sebagai berikut: window.document.f1.cek.value
Tahun 2016 suvi.rahmagmail.com
DOCUMENT.GETELEMETBYID.
Dalam Javascript juga memiliki cara lain dalam penamaan variable interface. Jika pada pembahasan sebelumnya kita mempelajari pemanggilan variable dengan jenis name ,
maka sekarang kita akan mempelajari mekanisme deklarasi variable dan pemanggilannya yang berjenis Id . Deklarasi pemanggilan variablenya adalah menggunakan parameter:
Document.getElementById namaId .value. Contoh pengunaan:
HTML HEAD
TITLEContoh Program JavascriptTITLE HEAD
BODY input type=checkbox id=cek value= pisang goreng Contoh pilihan
script BODY
HTML Cara mengidentitaskan id cek adalah dengan deklarasi:
document.getElementById cek .value
3. Obyek Standart JavaScript