JavaScript

Проблема с массивом

Помогите с массивом https://jsfiddle.net/m67rqu7f/5/
Не выводится "Список игнорируемых". Я вроде бы делаю всё правильно, но оно не работает. Кто подскажет где ошибка и как исправить? :)
ignoreList у тебя и id элемента и функция. Если переименовать функцию- то работает. Не правильно, но работает )
И еще где-то list с маленькой буквы был
Виктор Иванов
Виктор Иванов
3 456
Лучший ответ
Стас Мотора Уже лучше. Спасибо :)
Но всё равно не понимаю почему не работает удаление элемента из массива и как избавиться от "[object HTMLInputElement]"
возможно ты хотел это
let users = Array.from(document.querySelectorAll('.Chat li'));
let ignoreList = [];

function addIgnore() {
let ignore = document.getElementById("ignoreArea").value;
if(!ignore) {
alert('Вы не ввели текст!');
return;
}
if(ignoreList.includes(ignore.toLowerCase())) {
alert('Вы уже его игнорируете!');
return;
}
const matchedUser = users.find(user => user.textContent.toLowerCase() === ignore.toLowerCase());
if(!matchedUser) {
alert('Выберите пользователя из списка!');
return;
}
matchedUser.classList.add('ignored');
document.getElementById("ignoreArea").value = '';
alert('Теперь вы игнорируете пользователя: ' + ignore);
ignoreList.push(ignore);
console.log('current ignore list:', ignoreList);
}

function removeIgnore() {
let release = document.getElementById("ignoreArea").value;
if(!release) {
alert('Вы не ввели текст!');
return;
}
if(!ignoreList.includes(release.toLowerCase())) {
alert('Пользователя нет в списке игнора! Вероятно вы его освободили ранее!');
return;
}
const matchedUser = users.find(user => user.textContent.toLowerCase() === release.toLowerCase());
if(!matchedUser) {
alert('Выберите пользователя, ранее помещённого в список игнора!');
return;
}
matchedUser.classList.remove('ignored');
document.getElementById("ignoreArea").value = '';
alert('Теперь вы не игнорируете пользователя: ' + release);
ignoreList = ignoreList.filter(ignored => ignored.toLowerCase() !== release.toLowerCase())
console.log('current ignore list:', ignoreList);
}

function showIgnoreList() {
alert('Список игнорируемых: [' + ignoreList + ']');
}

document.getElementById("addIgnore").onclick = addIgnore;
document.getElementById("removeIgnore").onclick = removeIgnore;
document.getElementById("ignoreList").onclick = showIgnoreList;

-------------------------------------------------------------------------------------------
для более удобного просмотра --> codepen.io/dagman/pen/kkkpKB
p.s. в консоли можешь отслеживать состояние ignoreList