[Proyecto] ¡No hay ingredientes repetidos aquí! ----no me salio del todo :(

<meta charset="UTF-8">

<h1>Recetas de Gustavo</h1>

<script>

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

    while( contador <= cantidad) {
        var ingrediente = prompt("Informe el ingrediente " + contador);
        for(i = 0; i<= ingredientes.length; i++ ){
            if(ingrediente != ingredientes[i]){
                 ingredientes.push(ingrediente);
                 contador++;
                 break;
            }else {
                alert("ingrediente repetido");
                contador--;
            }
        }
    }




    console.log(ingredientes);

</script>