Page | 196 menampilkan nilai pada input text kedua
obj3.value = s1 + s2; }
script Hasil akhir dari skrip ini mirip dengan contoh sebelumnya, hanya cara mengambil
nilainya yang berbeda. Oleh karena tombol juga dibuat menggunakan tag
input
maka nilainya dapat diakses menggunakan fungsi ini. Berikutnya untuk obyek input text yang kedua digunakan untuk menampilkan isi dari input text
pertama dan input button.
Gambar 14.3 Contoh hasil penggunaan fungsi getElementsByTagName
c. Rangkuman.
Dari kegiatan belajar diatas dapat dibuat kesimpulan bahwa : Event merupakan konsep penting dalam pemrograman, karena dari
konsep ini aplikasi dapat berinteraksi dengan user melalui berbagai input yang ada.
Event pada javascript dapat diterapkan pada semua elemen yang ada. Jenis interaksi yang diberikan oleh user adalah melalui perangkat input
berupa mouse dan juga keyboard.
Di unduh dari : Bukupaket.com
Page | 197 Dalam Javascript sudah disediakan sejumlah fungsi untuk mengakses
data yang diberikan oleh user melalui elemen HTML, diantaranya adalah getElementById, getElementsByName dan getElementsByTagName,
yang kesemuanya merupakan bagian dari obyek document. Selanjutnya dapat diolah sesuai hasil yang diharapkan.
d. Tugas.
1. Lakukan percobaan menggunakan fungsi pengaksesan diatas untuk mengambil nilai dari beberapa obyek HTML dan simpan hasilnya dalam
tabel. a. Radio untuk memilih jenis kelamin L atau P.
b. Checkbox untuk memilih warna kesukaan merah, jingga, kuning, hijau, biru, dan ungu.
c. Select untuk memilih golongan darah d. Textarea untuk entri data alamat
Lanjutkan jawaban dibawah ini untuk komponen lainnya. Radio
input type=radio id=kelaminL name=kelamin value=L Laki-lakibr
input type=radio id=kelaminP name=kelamin value=P Perempuanbr
input type=submit value=Get onclick=ambilNilai;
script function ambilNilai{
var objKelamin = document.getElementsByNamekelamin;
ifobjKelamin[0].checked == true{ alertKelaminnya adalah +
objKelamin[0].value; }
Di unduh dari : Bukupaket.com
Page | 198 else {
alertKelaminnya adalah + objKelamin[1].value;
} }
script Select
…
Obyek HTML FungsiVariabel yang
diakses Penjelasan dan hasil
Radio checked
Untuk mengetahui apakah radio tersebut
dipilih atau tidak. Hasil:
True, jika dipilih False, jika tidak dipilih
value Untuk mengambil nilai
dari radio. Hasil:
LP, sesuai pilihan user.
… …
…
2. Buatlah suatu program untuk menghitung luas dari panjang dan lebar yang diberikan oleh user pada input text?
3. Buatlah program perhitungan index berat badan menggunakan javascript?
4. Buatlah program untuk menampilkan jumlah karakter dan kata yang diketikkan oleh user pada sebuah input textarea?
e. Tes Formatif.
