No meu código o método .includes não está realizando a checagem. Já mexi nele e nada de mudar. Vou colocar todo o código aqui. Se alguém puder me explicar onde está o erro e como conserta-lo eu agradeço.
let listaNomes = [];
function adicionar() {
let nome = document.getElementById("nome-amigo").value;
//esse If está verificando se o campo nome está vazio, se isso ocorrer ele não deixa adicionar na lista valores em branco.
if (nome == "") {
alert("Nome não informado!")
return;
}
// Verificar se o nome já está na lista.
if (listaNomes.includes(nome)){
alert("Nome já adicionado!")
return;
}
listaNomes.push(" " + nome);
document.getElementById("lista-amigos").textContent = listaNomes;
document.getElementById("nome-amigo").value = "";
console.log(listaNomes)
}
function sortear() {
if (listaNomes.length < 4) {
alert("Adicione pelo menos quatro amigos")
} else {
embaralha(listaNomes);
let listaSorteio = document.getElementById("lista-sorteio");
for (let i = 0; i < listaNomes.length; i++) {
if (i == listaNomes.length - 1) {
listaSorteio.innerHTML =
listaSorteio.innerHTML +
listaNomes[i] +
"-->" +
listaNomes[0] +
"<br>";
} else {
listaSorteio.innerHTML =
listaSorteio.innerHTML +
listaNomes[i] +
"-->" +
listaNomes[i + 1] +
"<br>";
}
}
console.log(listaNomes);
}
}
function embaralha(lista) {
for (let indice = lista.length; indice; indice--) {
const indiceAleatorio = Math.floor(Math.random() * indice);
// atribuição via destructuring
[lista[indice - 1], lista[indiceAleatorio]] = [
lista[indiceAleatorio],
lista[indice - 1],
];
}
}
function reiniciar() {
listaNomes = [];
listaSorteio = "";
document.getElementById("lista-amigos").innerHTML = listaNomes;
document.getElementById("lista-sorteio").innerHTML = listaSorteio;
}
Obrigado