Solucionado
Adicionei a função de atualizar a lista mas agora não aparece mais a vírgula entre os nomes dos sorteados que aparecia devido a essa condicional:
if(lista.textContent == '') {
lista.textContent = amigo.value;
} else {
lista.textContent = lista.textContent + ', ' + amigo.value;
}
amigo.value = '';
Como faço pra manter a função de atualizar sem remover a condicional da vírgula?
Oii, Mayumi, tudo bem?
O que acontece é que é possível que essa função esteja modificando o textContent da lista de uma maneira que não considera a adição de novos nomes. Para manter a funcionalidade de atualizar a lista sem perder a formatação com vírgulas, você precisa garantir que a função de atualização preserve a estrutura do textContent ao modificar ou remover nomes.
Você pode verificar se o textContent já possui algum nome antes de adicionar um novo e com a lógica de início.
Seria assim, um código em JS, por exemplo:
function atualizarLista(nomeParaRemover) {
let nomes = lista.textContent.split(', ');
let index = nomes.indexOf(nomeParaRemover);
if (index !== -1) {
nomes.splice(index, 1); // Remove o nome da lista
}
lista.textContent = nomes.join(', '); // Junta novamente com vírgulas
}
// E mantenha sua condição ao adicionar novos nomes
if (lista.textContent == '') {
lista.textContent = amigo.value;
} else {
lista.textContent += ', ' + amigo.value;
}
amigo.value = '';
Lembrando que a atualizarLista é uma função que você pode chamar para remover um nome específico da lista. Ela primeiro converte o textContent em um array de nomes, remove o nome desejado e depois junta os nomes restantes com vírgulas, preservando a formatação original.
Se a dúvida persistir, estamos aqui! :)
Abraços e bons estudos!
Muito obrigada pela ajuda! Tinha tentado de várias maneiras e não tinha conseguido solucionar!
Abraços!