Oi, Mariana!
Há alguns pontos que podem ser ajustados no seu código.
No seu código, a lógica para verificar se o campo está vazio está invertida. Você tá exibindo o alerta quando o campo não tá vazio. O correto seria verificar se o campo está vazio e, nesse caso, exibir o alerta.
Você está comparando nomeAmigos com listaDeAmigos diretamente, mas listaDeAmigos é uma lista (array), enquanto nomeAmigos é uma string. Talvez você queira adicionar o nome digitado à lista de amigos.
Se o nome não estiver vazio, você pode querer adicionar esse nome à lista de amigos. Vou te dar um exemplo de como isso pode ser feito:
let listaDeAmigos = ["Mariana", "Pedro", "Raphael", "Julia"];
function adicionarAmigo() {
console.log('O botão foi clicado!');
let nomeAmigos = document.getElementById('listaAmigos').value;
if (nomeAmigos === '') {
alert('Preencha o campo com um nome!');
} else {
listaDeAmigos.push(nomeAmigos);
console.log(listaDeAmigos); // Para verificar se o nome foi adicionado
let lista = document.getElementById('listaAmigos');
lista.innerHTML = ''; // Aqui você pode atualizar a lista exibida, se necessário
}
}
Com essas mudanças, você deve conseguir adicionar novos amigos à sua lista. Lembre-se de verificar se o ID do elemento HTML está correto e se você precisa atualizar a exibição da lista na página.
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓
