Minha dúvida é sobre a Aula 09 - Atividade 10
Ao finalizar a atividade, surgiu a ideia de listar os ingredientes na página em uma lista <ul>
. Segue o código;
<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 i = 0; i < ingredientes.length; i++) {
if (ingrediente == ingredientes[i]) {
existe = true
break;
}
}
if (existe == false) {
ingredientes.push(ingrediente);
contador++;
}
}
document.write("<ul>")
for (var i = 0; i < ingrediente.length; i++) {
document.write("<li>" + ingrediente[i] + "</li>")
}
document.write("</ul>")
console.log(ingredientes);
</script>
Minha saída esperada é a seguinte:
Receitas do Yan
- Manga
- Leite
- Água
Porém a que está sendo mostrada é:
Receitas do Yan
- Á
- g
- u
- a