Tentang Obyek Obyek dari Navigator browser

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