Professor, o Sr poderia informar com posso usar o addEventListener("click", ) em uma classe javascript? Obrigado.
Professor, o Sr poderia informar com posso usar o addEventListener("click", ) em uma classe javascript? Obrigado.
hoje, com a Alura e o Google Gemini
Dá uma olhada nesse código
<!DOCTYPE html>
<html>
<body>
<p>Esse exemplo usa o método addEventListener() para anexar um evento de clique a um botão.</p>
<button id="myBtn">Clique-me</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click", function(){
document.getElementById("demo").innerHTML = "Olá mundo";
});
</script>
</body>
</html>Esse exemplo usa o método addEventListener() para anexar um evento de clique a um botão.
Se rodar o código em html ao clicar no botão deverá aparecer embaixo dele escrito Olá mundo
Tentei usar dentro de uma class e não funcionou.
Ex.
class Teste{
constructor() {
this_btn = querySelector("#btn");}
btn.addEventListener("click", function(event){ event.preventDefault(); //Aqui uso para fazer validações de campos inputs
}); }
Não é this_btn o nome que você deu pra variável? Você tem que usar ele igual.
O conceito de implementação 'addEventListene' na classe esta correto assim?
event.preventDefault();
constructor() { this._btn = querySelector("#btn"); }
this._btn.addEventListener("click", function(event){ event.preventDefault(); //Aqui uso para fazer validações de campos inputs
}); }
Obrigado Professor, ainda mais pelo horário.
Imagina, eu to aqui pra ajudar.
Está bom assim o código, só não entendi da onde vem aquela última chave. Se é a que fecha a classe tá ok.
Rs. A chave era memo para fachar a classe. Estou implementado o conteúdo das aulas nos projetos que faço no trabalho e tenho aprendido muito..