Bekerja dengan Kotak Centang di JavaScript
Sekarang kita akan belajar bekerja dengan kotak centang (checkbox). Kotak centang adalah tanda centang khusus, yang dapat berada dalam dua status: tercentang dan tidak.
Kotak centang dibuat dengan cara berikut:
html<input type="checkbox" id="elem">
Untuk membuat kotak centang tercentang - perlu
diberikan atribut checked:
html<input type="checkbox" checked id="elem">
Mari kita cari tahu status kotak centang kita sebagai contoh:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.checked);
Diberikan sebuah kotak centang dan dua tombol. Saat tombol pertama ditekan, atur kotak centang ke status tercentang, dan saat tombol kedua ditekan - ke status tidak tercentang.
Diberikan sebuah kotak centang, tombol, dan paragraf. Saat
tombol ditekan, jika kotak centang tercentang, tampilkan di
paragraf kata 'hello', dan jika kotak centang
tidak tercentang, maka kata 'selamat tinggal'.