1
resposta

Desafio final - dúvida extra.

Realizei o programa e funcionou corretamente, porém quando tentei utilizar a tag <form> me deparei com uma dúvida, que seria a seguinte. Quando utilizo esta tag percebi que o campo é limpo ao pressionar o botão , a intensão era que funcionasse desta forma, mas na verdade identifiquei que toda página é atualizada, inclusive os arrays e variáveis. Teria uma outra forma de manter a limpeza do campo sem atualizar a página?

Trecho do código.

<form>
    Informe um entre 1 e 60  
    <input type="text" id="numeroInformado" />
    <input type="submit" value="Inserir" id="insertNumber" />
</form>

var inserir = function() {
    numero  = document.getElementById("numeroInformado");
    suaAposta.push(numero.value);
}

var botaoInserir= document.getElementById("insertNumber");
botaoInserir.onclick = inserir;
1 resposta

Olá Luciano, uma alternativa sera a seguinte:

<form>
    Informe um entre 1 e 60  
    <input type="text" id="numeroInformado" />
    <input type="button" value="Inserir" id="insertNumber" />
</form>

<script>
var suaAposta = [];

var inserir = function() {
    numero  = document.getElementById("numeroInformado");
    suaAposta.push(numero.value);
    numero.value = "";
    console.log(suaAposta);
}

var botaoInserir= document.getElementById("insertNumber");
botaoInserir.onclick = inserir;
</script>

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