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;