document.querySelector('#calcular').addEventListener('click', () => {
document.querySelector('.resultado').innerText = 'fui clicado';
})
Caso tiver uma dica de como fazer de uma maneira mais simples, ou uma dica de como melhorar eu aceito :)
document.querySelector('#calcular').addEventListener('click', () => {
document.querySelector('.resultado').innerText = 'fui clicado';
})
Caso tiver uma dica de como fazer de uma maneira mais simples, ou uma dica de como melhorar eu aceito :)
Existe outras duas maneiras de serem utilizadas o onclick.. Segue abaixo:
1° Maneira:
const clickDoBotao = () => { document.querySelector('#resultado').innerText = "Fui clicado" }
2° Maneira:
let clickDoButao = document.querySelector('#calcular') clickDoButao.onclick = () => { document.querySelector('#resultado').innerText = "Fui Clicado" }
Só um adendo Victor, ali onde você colocou #resultado é na verdade pra ser utilizando um ponto por se tratar de uma classe que marca o elemento HTML, ficando portanto assim:
const clickDoBotao = () => { document.querySelector('.resultado').innerText = "Fui clicado" }
Mas isso foi um exemplo que eu dei com base como se tudo fosse um ID. É só o colega adaptar pro que ele precisa ;)