Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

looping infinito

Eu estou tendo problemas para criação de uma biblioteca, onde eu gostaria de fazer uma tela de longin para colocar o nome e a senha. Nessa parte não tive duvidas porém quando entro no "menu" da biblioteca para colocar os códigos para entrar em outra paginas da biblioteca, aparece novamente para eu realizar o login.

<meta charset="UTF-8">

</script>

<form id="menu de codigos">

    <fieldset>

        <legend>Informe seu codigo de biblioteca</legend>
           <input/>
           <button>Entrar</button>

    </fieldset>

</form>

<script> //tela login;

    function pulalinha() {

        document.write("<br>");
        document.write("<br>");

    }

    function mostrar(frase) {

        document.write("<big>" + frase + "</big>" + "<hr>");

    }

    var loginCadastrado = "guilherme";
    var senhaCadastrada = "123456";

    var maximoTentativas = 3;
    var tentativaAtual = 1;

    while(tentativaAtual <= maximoTentativas) {

        var loginInformado = prompt("Informe seu login");
        var senhaInformada = prompt("Informe sua senha");

        if( loginCadastrado == loginInformado && senhaCadastrada == senhaInformada ) {

            alert("Bem-vindo ao sistema, " + loginInformado);
            break;

        } else {

            if (tentativaAtual == 3) {
                alert("Número permitido de tentativas ultrapassado!");

            } else {
                alert("Login inválido. Tente novamente");
            }
        }

        tentativaAtual++;
    }

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

    function verificar() {

        switch(input){

            case "5":

                mostar("oi");

        }

    }

    button.onclick = verificar;

</script>
2 respostas

Olá Guilherme, blz?

Camarada seu formulário não está "apontando" para nenhuma página, que é a ação executada quando o usuário clicar no botão do formulário, como no seu código você não informa ele continua na mesma página, o ajuste seria como na imagem abaixo: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Espero ter ajudado, qualquer dúvida poste aqui no fórum, dê uma olhada nestes links tambem pode te ajudar:

https://www.alura.com.br/artigos/o-que-e-html-suas-tags-parte-4-elementos-formulario

https://www.alura.com.br/artigos/ancorando-elementos-com-html5

https://cursos.alura.com.br/course/javascript-web-validacao-formularios-html5(curso)

Até!

solução!

Olá André, tudo bem?

Agradeço pela ajuda e pela resolução de meu problema!

Muito obrigado!