function adicionar() {
let nomeAmigo = document.getElementById('nome-amigo').value.trim();
if (nomeAmigo === "") {
alert("Por favor, insira um nome válido.");
return;
}
if (lista.includes(nomeAmigo)) {
alert("Este nome já foi adicionado.");
return;
}
lista.push(nomeAmigo);
document.getElementById('lista-amigos').innerHTML = lista.join(", ");
document.getElementById('nome-amigo').value = "";
}
Oii, Jardielly!
O código que você postou tá correto para a parte de adicionar nomes, mas vamos revisá-lo juntos?
Verificação de nome vazio: A função verifica se o campo de entrada tá vazio e alerta o usuário, o que é ótimo para garantir que não sejam adicionados nomes inválidos.
Verificação de duplicatas: Você tá verificando se o nome já foi adicionado à lista com lista.includes(nomeAmigo). Isso é importante para evitar duplicatas.
Adicionando à lista: Se o nome é válido e não duplicado, ele é adicionado à lista com lista.push(nomeAmigo).
Atualizando a interface: Após adicionar o nome, a lista é atualizada na interface com document.getElementById('lista-amigos').innerHTML = lista.join(", ");, o que exibe os nomes separados por vírgulas.
Limpeza do campo de entrada: Finalmente, o campo de entrada é limpo para que o usuário possa adicionar outro nome facilmente.
Parabéns por praticar.
Um abraço e bons estudos.
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓
