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

Criar mais de uma caixa de texto

Como eu faço para criar duas caixas de texto?

Se eu simplesmente usar a tag duas vezes, eu não consigo usar o valor digitado para fazer um cálculo por exemplo.

Obrigado!

5 respostas

Boa noite, Átila! Como vai?

Para criar duas caixas de texto basta fazer:

<input type="text" id="caixa1" /><br>
<input type="text" id="caixa2" /><br>

Assim serão criadas duas caixas de texto, uma embaixo da outra!

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Bom dia Gabriel!

Tentei identificar a caixa com id="cx". Mas eu ainda não consigo fazer a referência para outras funções do código.

É o código ensinado na aula 9 do curso 1 de lógica de programação. Os erros são:

1 - Qualquer valor que eu digitar será considerado errado. (Jogo advinha) 2 - A linha com tag .focus(); sempre apresenta erro: Não se pode ler a propriedade focus de zero. Cannot read property 'focus' of null

Veja como está:

<meta charset="UTF-8">

<center>

<input type="number" max="10" min="1" id="cx" /><br><br>
<button>Compare</button>

</center>

<script>
    function sorteia() {
        return Math.round(Math.random() * 10);
    }

    function sorteiaNumeros (quantidade){

        var segredos = [];
        var n = 1;

        while (n <= quantidade) {

            var obj = sorteia();
            var achou = false;

            if (obj !== 0) {
                for (var posicao = 0; posicao < segredos.length; posicao++) {

                    if (segredos[posicao] == obj) {
                        achou = true;
                        break; 
                    }

                }

                if (achou == false) {
                    segredos.push(obj);
                    n++
                }
            }
        }

        return(segredos); // Não entendi o motivo!!!!

    }

    var secreto = sorteiaNumeros(10);

    console.log(secreto);

    var cx = document.querySelector("cx");
    cx.focus();

    function verifica() {
        var achou = false;
        for (var posicao = 0; posicao.length; posicao++) {
            if(cx.value == segredos[posicao]) {
                alert("ACERTOU!");
                achou = true;
                break;
            }
        }

        if (achou == false) {
            alert("ERROU!");
        }

        cx.value = "";
        cx.focus();
    }

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

    button.onclick = verifica;

</script>
solução!

Oi Átila tudo bem?

Segue abaixo código corrigido:

Faltou colocar o # no seletor do id cx, e arrumar a função que verifica os valores.

<meta charset="UTF-8">

<center>

<input type="number" max="10" min="1" id="cx" /><br><br>
<button>Compare</button>

</center>

<script>
    function sorteia() {
        return Math.round(Math.random() * 10);
    }

    function sorteiaNumeros (quantidade){

        var segredos = [];
        var n = 1;

        while (n <= quantidade) {

            var obj = sorteia();
            var achou = false;

            if (obj !== 0) {
                for (var posicao = 0; posicao < segredos.length; posicao++) {

                    if (segredos[posicao] == obj) {
                        achou = true;
                        break; 
                    }

                }

                if (achou == false) {
                    segredos.push(obj);
                    n++
                }
            }
        }

        return(segredos); // Não entendi o motivo!!!! ->>> Aqui retorna os valores para a variável secreto que irá chamar essa função logo abaixo 

    }

    var secreto = sorteiaNumeros(10);

    console.log(secreto);

    var cx = document.querySelector("#cx");
    cx.focus();

    function verifica() {
        var achou = false;
        for (var posicao = 0; posicao<secreto.length; posicao++) {
            if(cx.value == secreto[posicao]) {
                alert("ACERTOU!");
                achou = true;
                break;
            }
        }

        if (achou == false) {
            alert("ERROU!");
        }

        cx.value = "";
        cx.focus();
    }

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

    button.onclick = verifica;

</script>

Espero ter ajudado!!!

Obrigado André!

Eu não sabia mesmo do #, já a função errada foi falta de atenção mesmo. Bom fds!

Disponha e bons estudos!!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software