Por que a função while não exibe duas vezes? | JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

Estou fazendo os teste propostos e resolvi colocar as mesmas instruções de duas formas só pra ver como o programa se comporta. No entanto, as informações só são exibidas uma vez. Por que o programa não exibe duas vezes?

<meta charset="UTF-8">
<script>
    function pulaLinha() {
        document.write("<br>");
    }

    function mostra(frase) {
        document.write(frase);
        pulaLinha();
    }

    var anoCopa = 1930;

    while(anoCopa <= 2018) {
        document.write("Teve copa em " + anoCopa);
        document.write("<br>");
        anoCopa = anoCopa + 4;
    }
    document.write("<hr>");

    while(anoCopa <= 2018) {
        mostra("Teve copa em " + anoCopa);
        anoCopa = anoCopa + 4;
    }

    alert("FIM");
</script>