-1

Olá, estou começando a estudar JS, resolvi fazer essa simples página testando algumas funcionalidades, mas não estou entendendo o porque do botão "Alerta!" não estar retornando o alert('Botao clicado'); desde já agradeço qualquer ajuda.

Curso de JS Alerta!
<script>
    var btnElement = document.querySelector('button.botao');

    btnElement.onClick = function() {
       alert('Botao clicado');
    }
</script>
2

2 Respostas 2

1

Segundo a resposta do @Rafael Costa "Vc tem que usar um addEventListener pra monitorar o evento de click no botão, nele vc passa o tipo de evento e a função que é chamada".


addEventListener(evento, funçao[, opcional]);

O primeiro parâmetro é o tipo do evento (como " click" ou " mousedown" ou qualquer outro evento HTML DOM .)

O segundo parâmetro é a função que queremos chamar quando o evento ocorrer.

O terceiro parâmetro é opcional e está bem explicado nesse link.

Observe que você não usa o prefixo "on" para o evento; use "click" em vez de " onclick".

document.querySelector('button.botao').addEventListener("click", MarcusVinicius);

function MarcusVinicius() {
  alert("Botao clicado exemplo 1");
}
   
<button class="botao">Click me</button>

Segundo exemplo

var btnElement = document.querySelector('button.botao');
                                    
btnElement.addEventListener("click", function() {
    alert('Botao clicado exemplo 2');
});
<button class="botao">Click me</button>

Terceiro exemplo

var btnElement= document.querySelector("button.botao"); // Acessando o botão // 
btnElement.addEventListener("click", MarcusVinicius); //chamando a função MarcusVinicius quando o evento click ocorrer //

function MarcusVinicius(){ 
alert('Botao do terceiro exemplo clicado');
};

   
<button class="botao">Click me</button>

inserir a descrição da imagem aqui

1
  • Mto Obrigado! por certo o curso que eu tva vendo ta desatualizado, sla, vlww ai mano. 4/07/2020 às 17:44
1

Vc tem que usar um addEventListener pra monitorar o evento de click no botão, nele vc passa o tipo de evento e a função que é chamada

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .