Duvida com a estrutura do codigo

Fiz o código mas ele só me pergunta o primeiro ingrediente e me retorna a pagina do Yan, o console.log(ingredientes) n me retorna nd no console...n entendi oque devia acontecer ou q posso ter feito errado.

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

  console.log(ingredientes);
</script>