[Sugestão] Fiz de uma forma diferente.

Olá a todos e a todas! Eu pensei de forma diferente para a construção do código. Vou colocar abaixo e depois explicar o que pensei.

let listaNomes = [];

function adicionar() {
  let nome = document.getElementById("nome-amigo").value;
  listaNomes.push(" " + nome);
  document.getElementById("lista-amigos").innerHTML = listaNomes;
  document.getElementById("nome-amigo").value = "";
}

Declarei fora da função adicionar a variável "listaNomes" como uma array, só que vazia de elementos. Na função adicionar o let nome pega o valor do que foi escrito pelo usuário. Logo em seguida o "listaNomes.push(" "+ nome) adiciona na array o nome informado. Abaixo a linha que utiliza a id "lista-amigos" innerHTML = listaNomes insere na lista "Amigos Incluídos" no site o nome digitado. A ultima linha da função limpa o campo input após adicionar o nome.

Agora estou tentando fazer o botão sortear e apresentar no site o resultado.

Fiz o botão reiniciar.

function reiniciar() {
    listaNomes =[];
    document.getElementById("lista-amigos").innerHTML = listaNomes;
}

Até o momento ele limpa os nomes do array e na segunda linha ele aplica a no "Amigos incluídos" pra voltar ficar vazio.

Sei que no botão reiniciar tbm vai ter uma linha para limpar o resultado do sorteio. Mas isso é um problema pro meu "eu" do futuro resolver. Abraços!