Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Resolução: Não existe ingrediente repetido aqui!

Codifiquei de uma forma diferente da proposta pelo instrutor. Ao invés de ser solicitado ao usuário a quantidade de ingredientes e, em seguida, fazê-lo os inserir "em sequência", fiz com que o usuário possa digitar um ingrediente por vez, a partir de um input e um botão, já aproveitando a estrutura dos exercícios anteriores. Além disso, faço a validação do valor inserido pelo usuário, devendo ser um valor não numérico (isNaN) e disponibilizo um segundo botão que exibe em um "alert" os itens já existentes na lista.

<meta charset="UTF-8" />

<input />
<button>Adicionar ingrediente</button>
<button onclick="(alert(ingredientes))">Mostrar Lista</button>

<script>
  var ingredientes = [];
  var input = document.querySelector("input");
  input.focus();
  var button = document.querySelector("button");
  button.onclick = verificaIngrediente;

  function insereIngrediente(ing) {
    var repetido = false;
    for (var posicao = 0; posicao <= ingredientes.length; posicao++) {
      if (ingredientes[posicao] == ing) {
        alert("Ingrediente já existente na lista!");
        repetido = true;
        break;
      }
    }
    if (repetido == false) {
      ingredientes.push(ing);
      alert("Ingrediente " + ing + " inserido!");
    }
    console.log(ingredientes);
  }

  function verificaIngrediente() {
    var x = input.value;
    if (isNaN(x)) {
      insereIngrediente(x);
    } else {
      alert("Digite corretamente o ingrediente!");
    }
    input.value = "";
    input.focus();
  }
</script>

2 respostas
solução!

Olá Bruno! Tudo bem?

Esse exercício que você criou ficou muito bom!

Aprender os conceitos apresentados em aula é o mais importante nesse momento, e fazer do seu próprio jeito é a melhor forma de entender o que o instrutor passou em aula!

Praticar dessa forma, treinando e tentando fazer do seu jeito as soluções para os desafios, além de te ajudar a entender melhor o conteúdo, também ajuda outros colegas a verem formas diferentes de aplicar o conhecimento!

Sinta-se sempre à vontade para compartilhar conosco suas dúvidas ou soluções!

Bons estudos! 😄

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.Bons Estudos!

Guilherme,

Modifiquei o código: corrigi um bug que permitia o usuário inserir um item repetido, bastando que ele fosse diferente do primeiro item já inserido, e incluí um segundo botão que exibe um "alert" contendo os itens da lista. No mais, agradeço a atenção e o apoio. Para nós, alunos, é muito importante este feedback da equipe da Alura.