Criando uma lista a partir dos ingredientes inseridos

Tive um pouco de dúvidas na criação do looping, mas consegui desenrolar olhando o fórum. Adicionei também um document.write pra mostrar todos os ingredientes inseridos na receita.

<meta charset="UTF-8">

<h1>Receitas do Yan</h1>

<script>
    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++;

          document.write("- " + ingrediente + "<br>");

        }
    }



    console.log(ingredientes);

</script>