Alguém poderia me ajudar com a função mostra().
Quero que os ingredientes apareçam um abaixo do outro, exemplo:
- Ovo;
- Macarrão;
- Queijo Ralado;
- Molho de Tomate;
Atualmente aparece assim: Ovo, Macarrão, Queijo Ralado, Molho de Tomate
:/
<meta charset="UTF-8">
<h1>Receitas do Yan</h1>
<script>
function pulaLinha() {
document.write("<br><br>");
}
function mostra(frase) {
document.write(frase);
pulaLinha();
}
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 repete = false;
for(var posicao = 0; posicao < ingredientes.length; posicao++) {
if(ingredientes[posicao] == ingrediente) {
repete = true;
break;
}
}
if(repete == false) {
ingredientes.push(ingrediente);
contador++;
}
}
mostra(ingredientes);
</script>