Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Ajuda Básica

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>
1 resposta
solução!

Galera, consegui resolver, eu vacilei demais

tava usando botao.addEventListener("click", clicar())

Sendo que é botao.addEventListener("click", clicar)