Entrar Ainda não tem acesso?
1
resposta

Outra maneira de ativar o botão

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Interaja de maneira diferente com o usuário e atividade Consolidando seu conhecimento

por ALLAN ROSÁRIO BRITO
| 168k xp | 36 posts
<meta charset=UTF-8">

<input>
<button id="button">Compare com o meu segredo</button>

<script>
    var segredo = Math.round(Math.random() * 10);
    var input = document.querySelector("input");

    var botao = document.getElementById('button');
    botao.addEventListener('click', function() {
        if (input.value == segredo) {
            alert("Você acertou!");
        } else {
            alert("Você errou!")
        }

        input.value="";
        input.focus();
    });
    console.log(botao)
</script>
1 resposta
por RODRIGO SILVA HARDER
| 2301.6k xp | 4888 posts
Alura Scuba Team Monitor de Fórum Ops

Oi Allan, tudo bem?

Valeu por compartilhar seu código com a comunidade do fórum. Essa maneira que você apresentou para realizar o exercício também é muito interessante e utilizada em projetos para manipular botões acrescentando o método .addEventListener que ao receber um clique, por exemplo, executa uma determinada função. Além disso, a estrutura dos seus comandos apresenta boa indentação e clareza, seguindo o padrão de boas práticas na escrita do código.

Esse tipo de método juntamente com outras propriedades permite realizar manipulações no arquivo HTML. Caso tenha interesse em aprender mais sobre essas manipulações indico o curso de JavaScript: manipulando o DOM, que explora a interação entre o JavaScript e o HTML e CSS para criar partes interativas na página.

Continue se dedicando em seus estudos para desenvolver novos conhecimentos e explorar diferentes habilidades construindo aprendizagens importantes e caso tenha dúvidas, estarei à disposição para eta ajudar.

Abraços e bons estudos!