Entrar Ainda não tem acesso?
3
respostas

Como programar 2 input ao mesmo tempo

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 Weverton Genske de Godoy
| 25k xp | 6 posts
Bibliotecário-Documentalista

Salve galera!!

Bem como o prof Flávio falou, código para login são bem mais complexos kkkk. Mas estou tentando criar um e gostaria de ajuda para construir ele. Se eu tenho dois input, um de usuário e um de senha, como faço para chamar cada um dentro do java??

Seque o código... tô apanhado muito, mas tá massa!

<meta charset="UTF-8">
<input>Usuário<br>
<input>Senha<br>
<button>Entrar</button><button>Cadastrar</button>

<script>
    //dados cadastrados
    var usuarioCadastrado = "tom";
    //var senhaCadastrada = "ok";

    var inputUsuario = document.querySelector("input");
    //var inputSenha = document.querySelector("input");
    //input.focus();

    function botaoEntrar(){
        if(inputUsuario.value == usuarioCadastrado) {
            //if(inputSenha.value == senhaCadastrada){
            alert("Bem-vindo!");
            //}
        } else {
        alert("Usuário ou senha incorreto!");
        }    
    }

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

</script>
3 respostas
por Eraldo Sinicio da Silva Filho
| 228.2k xp | 225 posts

Fala Weverton, Beleza?

Neste caso você precisará estruturar melhor cada input, colocando um id e um type para dar aquele efeito de password mesmo, escondendo os caracteres. Ficaria basicamente assim:

<input type="text" id="usuario">Usuário<br>
<input type="password" id="senha">Senha<br>

e ai quando voce fosse pegar os valores usaria o # para indicar que pegará do id. Exemplo:

const usuario = document.querySelector("#usuario").value
const senha = document.querySelector("#senha").value
por guilherme.urbinatti
| 346.1k xp | 171 posts
Analista de Sistemas 
<meta charset="UTF-8">
<input id="a1">Usuário<br>
<input id="b2">Senha<br>
<button>Entrar</button><button>Cadastrar</button>

<script>
    //dados cadastrados
    var usuarioCadastrado = "tom";
    //var senhaCadastrada = "ok";

    function botaoEntrar(){
        var inputUsuario = document.querySelector("#a1").value;
        var inputSenha = document.querySelector("#b2").value;

        console.log(inputUsuario);
        console.log(inputSenha);

        if(inputUsuario.value == usuarioCadastrado) {
            //if(inputSenha.value == senhaCadastrada){
            alert("Bem-vindo!");
            //}
        } else {
        alert("Usuário ou senha incorreto!");
        }    




    }

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

</script>
por Weverton Genske de Godoy
| 25k xp | 6 posts
Bibliotecário-Documentalista

Valeu Eraldo, valeu Guilherme! Show d mais! Agora tenho um norte e monte de ideias! Tmj!