Sou iniciante em javascript, não consigo descobrir a sintaxe certa para a codificação funcionar. Obs: Eu estou tentando fazer a alternância de imagem a cada click.
HTML)
<label id='a'>
<img class='cadeira' src='./img/cadeira.png'/>
<img class='cadeira2' src='./img/cadeira2.png'/>
</label>
JS)
function toggleImage(){
const elChildren = document.getElementById("a").children;
const img2 = elChildren[1];
if(img2.style.display=="none"){
img2.style.display="block";
console.log("trocou");
}
else{
img2.style.display="none";
console.log("não trocou");
}
}
function eventos(){
const cadeira=document.getElementById("a");
cadeira.addEventListener("click",toggleImage);
}
window.addEventListener("load",eventos);
O meu console.log acaba retornando para "não trocou".
Se alguém puder me ajudar por favor, eu realmente preciso desse código para um projeto muito em breve. Muito obrigada desde já.