Ayuda con mi caso

Al momento de runear el programa me aparece al final de colocar ya sea indicar el numero de ingredientes un numero mas al que coloque

<meta charset="UTF-8">

<h1>Recetas de Armando</h1>

<script>

    var ingredientes = [];
    var cantidad = parseInt(prompt("¿Cuántos ingredientes vas a añadir?"));
    var contador = 1;

    while (contador <= cantidad) {
        var bandera = false;
        var ingrediente = prompt("Informe el ingrediente " + contador);

        for(var pos = 0; pos <=cantidad; pos++){
            if(ingrediente == ingredientes[pos]){
                bandera = true;
                alert(ingrediente + " ya se encuentra en la lista de ingredientes.\nAgregue un nuevo ingrediente")
                break;
            } 

        } 
        if(bandera == false){
            ingredientes.push(ingrediente);
            contador++;
        }

    }
    document.write("Usted coloco " + contador + " recetas las cuales fueron " + ingredientes + " ingredientes");

    console.log(ingredientes);

</script>