Блог

Главная - Вопросы по программированию - Как фильтровать javascript с помощью поиска, получать данные из локального хранилища и анализировать DOM

Как фильтровать javascript с помощью поиска, получать данные из локального хранилища и анализировать DOM

#javascript #html #dom #local-storage #web-storage

Вопрос:

Пожалуйста, как получить данные из локального хранилища и проанализировать DOM с помощью приведенного ниже исходного кода :

 const forms = document.forms;
const searchBar = forms['searchBook'].querySelector('input');
searchBar.addEventListener('keyup', (e) => {
  const term = e.target.value.toLowerCase();
  const txt = JSON.parse(localStorage.getItem("TODO_APPS"));
  const books = document.querySelectorAll(".book_item");
  Array.from(books).forEach((book) => {
    const titlee = book.firstElementChild.textContent;
    if (titlee.toLowerCase().indexOf(e.target.value) != -1) {
      book.style.display = 'block';
    } else {
      book.style.display = 'none';
    }
  });
});

Комментарии:

1. Что у вас не работает?

2. Я не могу выполнить фильтр поиска, потому что данные хранятся в локальном хранилище, и я не знаю, как получить данные из локального хранилища и проанализировать json

3. пожалуйста, помогите мне.. спасибо

4. Вы получаете данные в переменной txt. Я не вижу, чтобы вы использовали это где-либо в коде. Попробуйте это, а также добавьте больше информации в свой вопрос.

Метки: ,