Olá! Boa noite. Nessa aula, utilizam o seguinte código condicional para a formação da lista: if (listaAmigos == '') { listaAmigos.textContent = nomeAmigo.value; } else { listaAmigos.textContent = listaAmigos.textContent + ', ' + nomeAmigo.value; }
Porém ao clicar no botão, mesmo com a lista vazia, ele está adicionando uma vírgula antes do primeiro nome. Alguém pode me ajudar?
Olá, Pedro! Boa noite.
Pelo que você descreveu, parece que o problema está na condição que verifica se a lista está vazia. O código que você está usando verifica se listaAmigos é uma string vazia (''). No entanto, se listaAmigos for um elemento HTML, como um parágrafo ou um div, a propriedade textContent pode não ser exatamente uma string vazia, mesmo que visualmente pareça estar vazia.
Uma solução seria verificar diretamente o conteúdo de listaAmigos.textContent. Veja como você pode ajustar o código:
if (listaAmigos.textContent.trim() === '') {
listaAmigos.textContent = nomeAmigo.value;
} else {
listaAmigos.textContent += ', ' + nomeAmigo.value;
}
O método trim() remove os espaços em branco do início e do fim da string, garantindo que você está verificando se realmente não há texto visível no elemento.
Espero que isso resolva o problema que você está enfrentando. Experimente essa alteração e veja se a vírgula indesejada desaparece. Espero ter ajudado e bons estudos!