3
respostas

var input = dociment.querySelector("input"); ela pega os dados do campo e se houver mais de um campo qual o procedimento?

<input>
<button>Compare com meu segredo</button>

    <script>

        var segredo = 5;

        var input = document.querySelector("input");

        function verifica() {

            if(input.value == segredo) {
                alert("Você ACERTOU!");
            } else {
                alert("Você ERROU");
            }
        }

        var button = document.querySelector("button");
        button.onclick = verifica;



    </script>
3 respostas

Pode ser usado o querySelectorAll que retorna em um array todos os elementos com aquela tag. Por exemplo:

HTML:

<input type="text" name="usuario">
<input type="text" name="senha">

Javascript:

var inpurs = document.querySelectorAll('input');

Neste exemplo, inputs[0] será o input usuario e inputs[1] será o input senha.

Uma outra solução será utilizando o form, se possuir um form no html:

HTML:

<form>
  <input type="text" name="usuario">
  <input type="text" name="senha">
</form>

Javascript:

var formulario = document.querySelector('form');

Para acessar os inputs poderá fazer o seguinte:

formulario.usuario
formulario.senha

Boa Hiroshi!

Oi Uellington da Silva Lima permanece a dúvida ou já foi solucionada ?