Receitas do Yan

Como mostrar o conteúdo do Array em forma de lista?

<meta charset="UTF-8">

<h1>Receitas do Yan</h1>

<script>

    function pulaLinha() {

        document.write("<br>");
        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++) {

            pulaLinha();


            if( ingredientes[posicao] == ingrediente) {

                existe = true;
                break;
            }
        }


        if( existe == false) {

            ingredientes.push(ingrediente);
            contador++;
        }
    }

    mostra(ingredientes);
</script>