Resolvi brincar com o codigo que ele passou dos times de futebol e coloquei para chamar a funcao quando clicar no botao. a ideia era nao resetar a pagina mas me parece que a primeira vez ele reseta e fica muito feio. entao nada como uma busca na internet aqui e ali achei a solucao. criando uma variavel de controle e incrementando ela controle++ me ajuda a conter o codigo que nao precisa ser repetido depois que carregou a 3 vez exibindo os resultados em baixo um do outro parece ate que foi criado em ajax mas completamente em javascript. muito legal!

<script>

    function pulaLinha() {

            document.write("<hr>");
        }

    function mostra(frase) {

        document.write(frase);
        pulaLinha();    

    }

var controle = 0
    function form() {

     document.write("<form>");
     document.write("<h1> Quer calcular os pontos do seu time ? </h1>");
     //document.write("<br>");
     document.write("<input type='button' value='Checar pontos' onclick='calcula()'>");
     document.write("</form>");    
        controle++ 

    }


    function calcula() {

        var time = prompt("Qual o nome do time?");
        var vitorias = parseInt(prompt("Qual o numero de vitorias?"));
        var empates = parseInt(prompt("Qual o numero de empates?"));
        var pontos = vitorias * 3 + empates;
        while(controle<3){
            form();
            pulaLinha();
        }

        mostra("O time " + time + " fez " + pontos + "pontos");
    }
    form();
    controle++
    </script>