Bom dia galera, seguinte, to estudando Javascript aqui e estou bem no inicio Ao invés de declarar o "OnClick" no HTML, quero fazer isso no Javascript porém, estou tendo problema em utilizar o evento de clicar ex: .addEventListener("click", clicar()) alguém aí consegue me dar uma mão? como ficaria esse código com o onclick dentro do script?
<body>
<h1>Qual sua idade?</h1>
<label for="idade">Quantos anos você têm?</label>
<input type="text" name="idade" id="input">
<input type="button" name="button" id="button" value="Hoje você vai beber..." onclick="clicar()">
<div id="resultado"></div>
<script>
function clicar(){
var input = document.querySelector('#input')
var idade = Number(input.value)
var res = document.querySelector('#resultado')
if (idade >= 18 ) {
res.innerHTML = "Você já é adulto(a), você pode tomar uma cerveja"
} else {
res.innerHTML = "Calma jovem, hoje você só pode tomar suquinho!"
}
}
</script>
</body>
Tentei fazer isso, porém, sem sucesso...
<script>
var botao = document.querySelector("#button")
botao.addEventListener("click", clicar())
function clicar(){
var input = document.querySelector('#input')
var idade = Number(input.value)
var res = document.querySelector('#resultado')
if (idade >= 18 ) {
res.innerHTML = "Você já é adulto(a), você pode tomar uma cerveja"
} else {
res.innerHTML = "Calma jovem, hoje você só pode tomar suquinho!"
}
}
</script>