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

Forma diferente de armazenar o valor do input numa variável

utilizei esta forma para fazer o mesmo exercício que o professor fez, porém, fiz do meu jeito. Gostaria de saber se existe vantagem em usar o document.querySelector ao invés do getElementById.

Além disso, gostaria de saber o porquê da utilização do .value indicada abaixo no código:

<meta charset="UTF-8">
<input id="campo" type="number" placeholder="número de 1 a 10">
<button onclick="verificar()">OK!</button>
<script>
    function verificar () {
        let campo = parseInt(document.getElementById("campo").value) // gostaria de uma explicação sobre o uso deste value aqui. Pois aprendi a usá-lo, mas não entendo o porquê de usá-lo e não usá-lo. Sei que se não usar n funciona... kkk
        let numeroEscolhido = 9
        if (campo == numeroEscolhido) {
            alert("Você acertou")
        } else {
            alert("você errou")
        }
    }
</script>
1 resposta
solução!

Bom dia, tudo certo?

A grande grande diferença entre os dois é que o querySelector() permite que você selecione elementos pelo id, nome ou classe, enquanto o getElementById() só permite que você selecione elementos por id.

Quanto ao value, ele é utilizado para que você capture o valor que foi passado pelo usuário no campo. Se você não utilizar o value, o que será capturado é o elemento em si (que no seu caso seria o <input id="campo">).

Capturar elementos inteiros é útil para quando você precisa manipular eles de alguma forma. Um bom exemplo disso é quando você quiser inserir uma função de "click" em um elemento <button> em sua página. Por exemplo:

<button id="botao">Exemplo</button>

var botao = document.getElementById("botao") //repare que não usei o value para capturar o elemento inteiro

botao.addEventListener("click", function(){
    alert("Botão acionado")
})