<meta charset= "UTF-8">
<h1>
    Receitas da Thaís!
</h1>
<button>Clique aqui para ver lista de ingredientes!</button>
<script>
    function mostra(frase){
        document.write(frase);
        document.write("<br>");
    }
    function adicionaIngrediente(numeroIngredientes){
        var contador = 1;
        while(contador<=numeroIngredientes){
            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++;
            }    
        }
        return ingredientes;
    }
    function lista(){
        document.write("<h2>Lista de ingredientes!</h2>");
        for(var exibe=0; exibe<ingredientes.length;exibe++){
            mostra(ingredientes[exibe]);
        }
    }
    var ingredientes = [];
    var numeroIngredientes = parseInt(prompt("Insira a quantidade de ingredientes que devem ser adicionados na lista: "));
    adicionaIngrediente(numeroIngredientes);
    var button = document.querySelector("button");
    button.onclick = lista;
    console.log(ingredientes);
</script>