Desafio final - dúvida extra. | Lógica de Programação I: comece na carreira com JavaScript

Realizei o programa e funcionou corretamente, porém quando tentei utilizar a tag

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.

Informe um entre 1 e 60

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

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

var inserir = function() { numero = document.getElementById("numeroInformado"); suaAposta.push(numero.value); } var botaoInserir = document.getElementById("insertNumber"); botaoInserir.addEventListener('click', function(event) { event.preventDefault(); botaoInserir = inserir; });

Trecho do código.

Mergulhe em programação