Fiz dessa forma: Troquei o pular linha por uma seta =)

Fiz assim:

<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="estilos.css">
<link href="https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap" rel="stylesheet">

<style type="text/css">

    h1, h3 {
        font-family: 'Coming Soon', cursive;
    }

    h1 + h1 {
        color: #11AB66;
    }

    h1 {
        color: #BBBAA2;
        display: inline;
    }

</style>

<script>

// Todas as funções :)

    function seta() {
        document.write("<h1>&gt;&nbsp;&nbsp;&nbsp;</h1>");
    }

    function exibir(conteúdo) {
        document.write("<h1>" + conteúdo + "</h1>");
        seta();
    }



// Variaveis e outros :)

    var contador = 30;


       while( contador <= 40 ) {
           if (contador != 33 && contador != 37) {
            exibir(contador);
            contador = contador + 1
        } else {
            contador = contador + 1
        }
    }


    exibir("FIM")

</script>