Como melhorar a lista de ingredientes mostrada?

Olá boa tarde.

Gostaria de melhorar como a lista de ingredientes é exibida. Tentei várias maneiras e todas deram erros. A melhor solução foi a que segue no código mas não está legal.

<meta charset="UTF-8">

<h1>Receitas do Yan</h1>

<script>
    var ingredientes = [];

    var quantidade = parseInt(prompt("Quantos ingredientes?"));

    var contador = 1;

    while( contador <= quantidade) {

        var ingrediente = prompt("Qual 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{
            existe = true;
            var existe = alert("Esse já temos, informe outro!");
            }
    }

    console.log(ingredientes);

    // para mostrar no navegador

   document.write(ingredientes);

</script>