Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida a respeito do meu código

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 Campo de texto e botão

por JEFERSON QUINELLI
| 47.5k xp | 14 posts
Fundador

O mesmo está funcionando corretamente, porem tenho dúvidas do exemplo Se caso tiver 2 botões, como vou fazer para capturar os 2 usando document.querySelector ( "button" );? por que pelo que entendi, essa função captura a primeira coisa apenas

e se eu criar outro botão, como eu capturaria os 2 valores sem dar conflito?

<meta charset="UTF-8">

<input/> <!-- Cria um campo em branco para escrever! -->
<button>Comparar</button> <!-- Cria um botão clicavel! -->

<script>

    var numeroSecreto = Math.round ( Math.random ( ) * 10 );
    console.log ( numeroSecreto );

    var vInput = document.querySelector ( "input" );
    var vButton = document.querySelector ( "button" );

    function verifica ( ) {
        if ( vInput.value == numeroSecreto ) {
            alert ( "Você acertou!" );
        } else {
            alert ( "Você errou!" );
        }
    }

    vButton.onclick = verifica;

</script>
2 respostas
solução!
por Luis Dias
| 2419.6k xp | 1847 posts
Developer (⌐■_■)

Jeferson, tem muitas opções.

Vc pode usar emento, class, atributo e a mistura deles

Ou transformar em um array com 'querySelectorAll'

A mais simples para o seu caso seria usar o 'id' para cada 'button'

<button id="comparar">Comparar</button>
<button id="salvar">Salvar</button>

<script>

    const btnComparar = document.querySelector ( "#comparar" );
    const btnSalvar  = document.querySelector ( "#salvar" );

    /* 
        O Id também funciona usando ele direto
        Ex.: comparar.onclick = verifica;
    */

</script>

Mais dicas em querySelector() Method e querySelectorAll() Method

por JEFERSON QUINELLI
| 47.5k xp | 14 posts
Fundador

Obrigado pela ajuda, me ajudou bastante com essa dúvida Achei que seria algo mais complexo porem é bem facil de lembrar!