<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>