Cheguei numa solução um pouco diferente (fiz antes de ver a aula):
let lista = []
function adicionar(){
// Recuperar valor do nome do amigo
let nomeAmigo = document.getElementById('nome-amigo');
let listaDeAmigos = document.getElementById('lista-amigos');
lista.push(nomeAmigo.value); // Adicionar amigo na lista
listaDeAmigos.innerHTML = lista.join(', '); // Mostrar lista de amigos
document.getElementById('nome-amigo').value=''; // Após mostrar, limpar campo
};
Olá, Brendo. Tudo bem?
Muito legal você tentar fazer antes da solução da aula. Parabéns.
O seu código parece estar funcionando corretamente para adicionar amigos a uma lista e exibi-los. Você está utilizando o método push para adicionar o nome do amigo à lista e o método join para exibir os nomes separados por vírgulas. Além disso, você limpou o campo de entrada após adicionar o nome, o que é uma prática muito boa para melhorar a experiência do usuário.
Se você quiser adicionar funcionalidades extras, como impedir que nomes duplicados sejam adicionados ou exibir uma mensagem de confirmação, pode considerar expandir o código. Por exemplo:
function adicionar(){
let nomeAmigo = document.getElementById('nome-amigo').value.trim();
let listaDeAmigos = document.getElementById('lista-amigos');
if (nomeAmigo && !lista.includes(nomeAmigo)) {
lista.push(nomeAmigo);
listaDeAmigos.innerHTML = lista.join(', ');
document.getElementById('nome-amigo').value = '';
} else {
alert('Nome inválido ou já existe na lista!');
}
}
Nesse exemplo, adicionei uma verificação para garantir que o nome não seja vazio e que não esteja duplicado na lista. Também incluí um alerta para informar o usuário caso o nome não possa ser adicionado.
Está correto e funcional o seu código. Continue assim, com essa dedicação.
Espero ter ajudado e bons estudos!