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

Como colocar valor de input em uma variável pelo id dele?

Estava tentando fazer um sistema de login para brincar com meus amigos mas não sei como pegar o valor dos inputs usuário e senha, como faço isso?

Por enquanto o código está assim:

<meta charset="UTF-8">

<h1>Login administração</h1>

<input type="text" id="usuario" placeholder="Usuário">

<br>
<br>

<input type="password" id="senha" placeholder="Digite sua Senha">

<br>
<br>

<button>Entrar</button>

<script>
var usuarioCadastrado = prompt("Cadastre seu usuário")

var senhaCadastrada = prompt("Cadastre sua senha")

var inputUsuario = "?"
var inputSenha = "?"

var usuarioInformado = inputUsuario.value;

var senhaInformada = inputSenha.value;

function verifica() {

if(usuarioCadastrado == usuarioInformado && senhaCadastrada == senhaInformada) {

alert("Você ACERTOU!");
} else {

alert("Você ERROU!!!!!!!!");
}
}

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

    button.onclick = verifica;

</script>
1 resposta
solução!

Mudei o código e deu certo.

Ficou assim:

<meta charset="UTF-8">

<h1>Login administração</h1>

<input type="text" id="usuario" placeholder="Usuário">

<br>
<br>

<input type="password" id="senha" placeholder="Digite sua Senha">

<br>
<br>

<button>Entrar</button>

<script>
var usuarioCadastrado = prompt("Cadastre seu usuário")
var senhaCadastrada = prompt("Cadastre sua senha")

var inputUsuario = document.getElementById("usuario")
var inputSenha =  document.getElementById("senha")

function verifica() {

if(usuarioCadastrado == inputUsuario.value && senhaCadastrada == inputSenha.value) {

alert("Você ACERTOU!");
} else {

alert("Você ERROU!!!!!!!!");
}
}

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

    button.onclick = verifica;

</script>