Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Ex 3 não consegui

não consigo acessar o índice [3] e torná-lo ONCLICK tanto dentro quanto fora do for (PROBREM = return undefind)

<body>
    
        <button class="but">clicar1</button>
        <button class="but">clicar2</button>
        <button class="but">clicar3</button>
        <button class="but">clicar4</button>
    

<script>
const list = document.querySelectorAll('.but')
  let cont = 0
   for (cont;cont<list.length;cont++){
    let clicadores = []
     clicadores = list[cont]
      console.log(clicadores)
       clicadores[3].onclick = function () {
        console.log(clicadores[3])
}
          /*clicadores[3].onclick = function () {
           console.log(clicadores[3])}
            Também não funciona fora do ((FOR))!*/  
}
</script>
</body>
3 respostas
solução!

Oi!

Dá pra ajustar isso rapidinho — o problema tá na forma como você tenta acessar o índice [3] de algo que não é um array (você está tentando acessar clicadores[3] quando clicadores já é um único botão). Vamos resolver juntos com uma versão clara e funcional da atividade 3:

Objetivo:

Quando o quarto botão (índice 3) for clicado, o contador deve incrementar e o novo valor deve ser exibido no console.

Código corrigido:

<body>
  <button class="but">clicar1</button>
  <button class="but">clicar2</button>
  <button class="but">clicar3</button>
  <button class="but">clicar4</button>

  <script>
    // seleciona todos os botões com a classe .but
    const list = document.querySelectorAll('.but');
    
    // inicializa o contador
    let cont = 0;

    // acessa diretamente o quarto botão (índice 3)
    const botaoQuatro = list[3];

    // verifica se existe um botão no índice 3
    if (botaoQuatro) {
      botaoQuatro.onclick = function () {
        cont++;
        console.log('Contador:', cont);
      };
    } else {
      console.log('Botão no índice 3 não encontrado.');
    }
  </script>
</body>

Explicando:

  • document.querySelectorAll('.but') retorna uma NodeList com todos os botões da classe .but.
  • list[3] acessa diretamente o quarto botão.
  • A verificação if (botaoQuatro) é só uma garantia de que o botão existe.
  • O cont++ incrementa o valor cada vez que o botão é clicado.

Espero ter te ajudado.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

obrigado^^

eu tinha estudado a respeito desse incremento ++, só que tinha me esquecido^^