Receitas do Yan

Resolvi apresentar os ingredientes também na tela, além de apresentar no console, utilizei algumas tags que não foram mostradas durante o curso, como a tag "li" que serve para criar uma lista e a tag "b" para deixar o texto em negrito.

<meta charset="UTF-8">

<h1>Receitas do Yan</h1>

<script>
    function pulaLinha() {
        document.write("<br>");
    }

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

    function nomeReceita(titulo) {
        document.write(titulo);
    }

    function itemReceita(item) {
        document.write(item);
    }

    var receita = prompt("Digite o nome da receita:");

    var ingredientes = [];
    var quantidade = parseInt(prompt("Quantos ingredientes você vai adicionar?"));
    var contador = 1;

    nomeReceita("<h3>" + receita + "</h3>");
    mostra("<b>Ingredientes:</b>");

    while( contador <= quantidade) {
        var ingrediente = prompt("Informe o ingrediente " + contador);
        var achou = false;

        for(var i = 0; i < ingredientes.length; i++) {
            if(ingredientes[i] == ingrediente) {
                achou = true;
                break;
            }
        }
        if(achou == false) {
            ingredientes.push(ingrediente);
            contador++;
            itemReceita("<li>" + ingredientes[i] + "</li>");
        }
    }

    console.log(ingredientes);
</script>