Pengendalian Kotak Semak dalam JavaScript

Sekarang kita akan belajar mengendalikan kotak semak. Kotak semak ialah tanda ✓ khas yang boleh berada dalam dua keadaan: disemak dan tidak.

Kotak semak dicipta seperti berikut:

html<input type="checkbox" id="elem">

Untuk menjadikan kotak semak disemak - ia perlukan atribut checked:

html<input type="checkbox" checked id="elem">

Mari kita semak keadaan kotak semak kita sebagai contoh:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.checked);

Задание 1

Diberi satu kotak semak dan dua butang. Apabila butang pertama diklik, tetapkan kotak semak kepada keadaan disemak, dan apabila butang kedua diklik - kepada keadaan tidak disemak.

Задание 2

Diberi satu kotak semak, satu butang dan satu perenggan. Apabila butang diklik, jika kotak semak disemak, paparkan perkataan 'hello' dalam perenggan, dan jika kotak semak tidak disemak, paparkan perkataan 'bye'.