Сейчас мы с вами научимся работать с чекбоксами. Чекбокс представляет собой специальную галочку, которая может находится в двух состояниях: отмечено и нет.
Чекбокс создается следующим образом:
<input type="checkbox" id="elem">
Чтобы сделать чекбокс отмеченным - ему нужно
написать атрибут checked
:
<input type="checkbox" checked id="elem">
Давайте для примера узнаем состояние нашего чекбокса:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Дан чекбокс и две кнопки. По нажатию на первую кнопку установите чекбокс в отмеченное состояние, а по нажатию на вторую - в неотмеченное.
Дан чекбокс, кнопка и абзац. По нажатию на
кнопку, если чекбокс отмечен, выведите в
абзац слово 'привет'
, а если чекбокс
не отмечен, то слово 'пока'
.