Código criado não pula a quantidade de linhas desejada. | JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

Criei um código do zero para testar o que estava aprendendo, gostei do resultado, porém, por algum motivo não imposta quantos pulaLinha eu coloque o comando não está funcionando como devido, não consegui achar meu erro.

<meta charset="UTF-8">

<script>
    function pularLinha() {
        document.write("<br><br><br>")
    }
    function mostra(frase) {
        document.write(frase)
        document.write("<br>")
    }

    alert("Digite apenas números e pontos")
    var lado1 = prompt("Por favor, informe o tamanho de um dos lados do comodo.")
    var lado2 = prompt("Agora informe o outro lado.")
    var areaQuadrada = (lado1*lado2)
    var areaJanela = (areaQuadrada/6)



    mostra("<big><h4>Calculo de área</h4></big>")
    pularLinha
    mostra("<big>Bem vindo ao programa de calculo de área.</big>")
    pularLinha
    pularLinha
    mostra("A área é de " + areaQuadrada + "m²")
    mostra("A área mínima de janela é de " + areaJanela + "m²")

</script>

Olá Caio tudo bem ?

Estava observando seu código e na linha na linha 9 você criou um :

document.write("<br>")

Pois bem observe que você criou um document.write("<br>") com o intuito de pular uma linha a cada frase apresentada. Mas isso não é necessário por que antes da função mostra() , você criou uma função pularLinha() que tem como objetivo pular 3 linhas.

Então de acordo com essas informações o correto é você chamar dentro da função mostra a função pularLinha() o código ficaria assim :

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

O que vai acontecer nessas linhas de código é o seguinte a cada frase que você criar ela vai pularLinha de acordo com sua function pularLinha() para utilizarmos uma função é necessário invoca-lá igual está apresentado no código acima. =)

Feito essa alterção você pode excluir a chamada da função pularLinha() nessas linhas :

mostra("<big><h4>Calculo de área</h4></big>")
    pularLinha
    mostra("<big>Bem vindo ao programa de calculo de área.</big>")
    pularLinha
    pularLinha
    mostra("A área é de " + areaQuadrada + "m²")
    mostra("A área mínima de janela é de " + areaJanela + "m²")

Feita as alterações o seu código vai ficar assim :

<meta charset="UTF-8">

<script>
    function pularLinha() {
        document.write("<br><br><br>")
    }
    function mostra(frase) {
        document.write(frase)
        pularLinha()
    }

    alert("Digite apenas números e pontos")
    var lado1 = prompt("Por favor, informe o tamanho de um dos lados do comodo.")
    var lado2 = prompt("Agora informe o outro lado.")
    var areaQuadrada = (lado1*lado2)
    var areaJanela = (areaQuadrada/6)



    mostra("<big><h4>Calculo de área</h4></big>")
    mostra("<big>Bem vindo ao programa de calculo de área.</big>")
    mostra("A área é de " + areaQuadrada + "m²")
    mostra("A área mínima de janela é de " + areaJanela + "m²")

</script>

Espero ter ajudado , qualquer dúvida sinta-se a vontade para compartilhar aqui no fórum , ficaremos muito felizes em poder te ajudar.

Abraços e bons estudos.