O código esta funcionando, porém, fiquei com uma dúvida ao exibir. Defini a função mostra, como ja feita em outros exercícios, e chamo ela ao final do código mostrando a função receita (onde fiz o codigo) que me retornará os ingredientes no array. Porém, gostaria de mostrar os elementos do array listados um abaixo do outro, é possivel?

<meta charset="UTF-8">

<h1>Receitas do Breno</h1>

<script>

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

    function receita(quantidade){
        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 ingredienteRepetido = false;

            for (var posicao = 0; posicao < ingredientes.length; posicao++){
                if (ingrediente == ingredientes[posicao]){
                ingredienteRepetido = true;
                break;
            }


            }

            if (ingredienteRepetido == false){


                       ingredientes.push(ingrediente);

                    contador++;
                }
        }

        return ingredientes;
    }

   mostra(receita());

</script>