Pessoal, minha dúvida é bem simples, mas sou iniciante e estou com dificuldade de implementar.
Eu tenho este código, que quando o botão é apertado, ele muda o estado1 para ligado, isso esta funcionando.
Eu preciso criar uma funcão que, quando o estado1 estiver como ligado, ele mostre uma imagem dentro de uma outra div.
Então terei vários botões iguais a esse, e quando por exemplo o estado 1 2 3 4 estiverem ligados, aparecerá uma imagem, quando o botao 1 2 3 4 e 5 aparecerá outra imagem.
Tentei com if, mas não deu certo, pois estou iniciando em JS e HTML.
Se alguém puder me dar uma ajuda.
Obrigado.
<script>
var onoff1 = document.getElementById('onoff1');
var estado1 = document.getElementById('estado1');
onoff1.addEventListener('change', function() {
estado1.innerHTML = this.checked ? 'ligado' : 'desligado';
});
</script>
<html>
<div>
<input type="checkbox" class="toggle" id="onoff1">
<label for="onoff1"></label>
</div>
<p id="estado1">desligado</p> // quando clico no botão ele muda esse estado para ligado
</html>