Помогите с массивом https://jsfiddle.net/m67rqu7f/5/
Не выводится "Список игнорируемых". Я вроде бы делаю всё правильно, но оно не работает. Кто подскажет где ошибка и как исправить? :)
JavaScript
Проблема с массивом
ignoreList у тебя и id элемента и функция. Если переименовать функцию- то работает. Не правильно, но работает )
И еще где-то list с маленькой буквы был
И еще где-то list с маленькой буквы был
возможно ты хотел это
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
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
Похожие вопросы
- Помогите избавиться от пустых значений в массиве.
- Как найти максимальное значение в массиве массивов?
- Программирование Джава. Написать код на упорядочивание массивов.
- вопрос про массивы
- Нужна помощь в массиве JavaScript
- Сравнение двухмерного массива
- Массивы с длиной-что это
- напишите программу которая проверяет элементы массива на схожесть
- Заполнение массива случайными простыми числами в диапазоне от 2 до n
- Как правильно найти наибольший и наименьший значения массива?
Но всё равно не понимаю почему не работает удаление элемента из массива и как избавиться от "[object HTMLInputElement]"