Trabalhando com Checkboxes em JavaScript
Agora vamos aprender a trabalhar com checkboxes. Um checkbox é uma marcação especial que pode estar em dois estados: marcado e desmarcado.
Um checkbox é criado da seguinte forma:
<input type="checkbox" id="elem">
Para deixar um checkbox marcado - é necessário
adicionar o atributo checked:
<input type="checkbox" checked id="elem">
Vamos, por exemplo, verificar o estado do nosso checkbox:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Dado um checkbox e dois botões. Ao clicar no primeiro botão, defina o checkbox como marcado, e ao clicar no segundo - como desmarcado.
Dado um checkbox, um botão e um parágrafo. Ao clicar no
botão, se o checkbox estiver marcado, exiba no
parágrafo a palavra 'olá', e se o checkbox
estiver desmarcado, a palavra 'tchau'.