Receita Yan

Tive uma certa dificuldade para criação do código final. Lembrava bastante da questão do achou=false, pensei em colocar em uma function mas confesso que dei uma travada.

Queria saber se tem como eu mostrar os ingredientes pulando linha. Insiro o < br > ?

Mas busquei alguns fóruns de vocês e ficou assim:

<meta charset="UTF-8">

<h1>Receitas do Yan</h1>

<script>

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

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

    var ingredientes = [];

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

    var contador = 1;

    while( contador <= quantidade) {

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

        var existe = false;

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

            if( ingredientes[posicao] == ingrediente) {

                existe = true;
                break;
            }
        }

        if(existe == false) {

            ingredientes.push(ingrediente);
            contador++;
        }
        else{
            alert("Ingrediente repetido!!")

        }
    }
        mostra(ingredientes)
    console.log(ingredientes);
</script>