Javascript

Mengenal Objek JavaScript (1) seri 3

Selamat berjumpa lagi kawan-kawan semua yang kami hormati dan saya banggakan semoga dalam keadaan ceria selalu :), dan tak kurang sesuatu apapun. ya namanya kita belajar tentu adalah kesempatan yang baik untuk selalu kita gunakan dengan sebaik-baiknya, oke baiklah kawan sebelum kita memulai pembahasan materi ini silahkan siapkan kopi atau teh untuk menjadi teman kita dikala suntuk biar bugar hehe…
Pada tutorial kali ini saya akan membahas bagaimana sih maksud dari isi Mengenal Objek Javascript (1) seri 3. Begini ceritanya materi yang saya bahas sekarang adalah materi tentang bagaimana si objek melakukan aksi? yaitu aksinya adalah pengunaan objek-objek form-form yang ada di HTML dioperasikan dalam suatu objek javascript.

Objek-objek yang di operasikan dalam form-form sehingga menjadikan suatu value dalam menjalankannya. Disini saya sebutkan satu-persatu disertai dengan contoh penggunaanya yaitu contohnya adalah penanganan dari Objek Text, Objek Radio, Objek Checkbox dan Objek TextArea oh iya materi ini saya bahas mengikuti dari alur sebelumnya yaitu Perintah-perintah dasar javascript dan penerapan 2.

Penerapan dari objek ini semoga bisa membantu menangani berkaitan dengan form validasi  javascript yang sudah saya bahas yang lalu juga tentang baca disini Membuat Form Validasi Javascript silahkan temen-temen baca atau mendownloadnya. Oke demikian saja cerita-ceritanya langsung saja kita membahas topik2 Mengenal Objek JavaScript (1) seri 3 ini. mengenal-objek-javascript-1-seri-3

 

1. Objek Text

Dalam penerapannya Objek Text disini adalah untuk menangani  penginputan data kita dengan menggunakan komponen/objek text. Contoh penggunaannya dapat kita lihat pada contoh berikut :

Mengasilkan tampilan di bawah ini

objek text javascript

 

2. Objek Radio Javascript

Objek radio adalah komponen yang digunakan untuk melakukan suatu pemilihan data. Karena selalu berupa Array , untuk mengakses satu tombol radio digunakan radio[indeks]. Disamping itu objek radio juga mempunyai nili True jika dipilih dan False jika tidak. Untuk memilih suatu objek radio menggunakan properti Checked. Objek Radion ini biasanya digunakan untuk memilih 2 opsi misalnya jenis kelamin, Status pernikahan dan lain sebagainya

objek radio javascript

objek radio javascript

objek radio javascript

objek radio javascript

Hasil:

Jika tidak dipilih maka Anda adalah seorang pria dan jika dipilih maka Anda adalah seorang wanita

3.Objek Checkbox Javascript

Objek checkbox salah satu dari komponen form dalam HTML yang fungsinya adalah menyimpan informasi tentang elemen form yang berupa kotak cek. Penggunaannya yaitu memilih sekumpulan data yang akan di inputkan dalam jumlah banyak atau array contohnya untuk pengisian hoby, mata kuliah yang diikuti dan lain-lain.

Hasil :

objek checkbox javascript

objek checkbox javascript

 

4.Objek Textarea Javascript

 Objek textarea adalah sebuah komponen dari form HTML yaitu berfungsi untuk menyimpan informasi atau data lebih dari satu alenia dan contohnya lebih dari beberapa paragraf atau lebih berbeda dengan Objek Text yang hanya satu alenia.

Hasilnya :

objek textarea javascript

objek textarea javascript

Untuk melihat praktek yang lebih lengkap sobat bisa lakukan contoh objek form yang sudah saya postingkan tentang Membuat Form Validasi Javascript. Untuk dapat mengunduh filenya sudah saya sertakan berkasnya buat sobat latihan-latihan di rumah, sekolah, kampus dan lain2…

Download Objek javascript 1

Oh ya temen-temen jangan lupa tinggalin komentar ya, saran, kesan dan kritiknya di bawah. Untuk membangun blog yang lebih baik ke depannya. dan slamat berkunjung kembali di mampiro.com :)

Mohon maklum adanya file-file mampiro sudah dihapus oleh pihak ziddu... kami dari pihak mampiro.com akan mereparasinya kembali.., terima kasih sudah berkunjung


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">