Com impressão dos ingredientes individualmente ^^

Gente, levei tempo para fazer esse programa. Demorei por burrice mesmo, pois estava usando caracteres que o JS não conhecia (risos). Depois de fazer o programa rodar, senti falta de ele gerar a lista dos ingredientes para o usuário ver. Então, criei a função "mostrar" para exibir o conteúdo de Ingredientes, o que foi fácil, mas gerou um texto simples. Foi aí que pensei em criar uma segunda função chamada "lista" onde imprimi linha por linha cada um dos ingredientes que foram adicionados. Formando assim, uma lista de comprar (ou da receita hehe).

<meta charset="UTF-8">

<h1>Receitas do Yan</h1>

<script>
    var ingredientes = [];

    var quantidade = parseInt(prompt("Quantos ingredientes você vai adicionar?"));
    var contador = 1;
    function pulaLinha() {
        document.write("<br>")
    }
    function mostra (frase) {
        document.write(frase);
        pulaLinha();

    }

    function lista () {
        for(posicao = 0; posicao < ingredientes.length; posicao++) {
        mostra(ingredientes[posicao]);
        }  
    }


    while(contador <= quantidade) {

        var ingrediente = prompt("Informe o ingrediente " + contador);
        var achou = false;

        for (var posicao = 0; posicao < ingredientes.length; posicao ++) {

            if(ingrediente == ingredientes[posicao]) {
                alert("Esse item já foi adicionado!");
                achou = true;
                break;
            }
        }
        if (achou == false) {
            ingredientes.push(ingrediente);
            contador++;
        }                 
    }

    console.log(ingredientes);
    mostra("<b><big>Lista de Ingredientes</b></big><br>");
    lista();

</script>