Ola,
Fiz uma pesquisa para que na lista quando o mouse ficasse em cima do nome em que voce deseja excluir, o nome ficasse sublinhado e o cursor mudasse para um 'pointer'
Segue sugestao:
No style.css adicionar a seguinte classe:
.underline-on-hover:hover {
text-decoration: underline;
cursor: pointer;
}
e adicionar a classe na function atualizarLista();
for (let i = 0; i < listaDeAmigos.length; i++) {
// Cria um elemento de parágrafo para cada amigo
let paragrafo = document.createElement('p');
paragrafo.textContent = listaDeAmigos[i];
paragrafo.classList.add('underline-on-hover')
Percebam que adicionei o paragrafo.classList.add para alem do codigo ja sugerido pelo instrutor
