app.js

let addForm = document.addfrm;
let text = addForm.add;
let ul = document.querySelector(".todos");

ul.addEventListener("click", (e) => {
  if (e.target.nodeName === "I") {
    e.target.parentElement.remove();
  }
});
let addItem = (item) => {
  let str = `<li
   class="list-group-item d-flex justify-content-between align-items-center"
 >
   <span>${item}</span>
   <i class="far fa-trash-alt delete"></i>
 </li>`;
  ul.innerHTML += str;
};
addForm.addEventListener("submit", (e) => {
  e.preventDefault();
  let item = text.value;
  if (item.length > 0) {
    addItem(item);
  }
  text.value = "";
});
let searchItem = (text) => {
  let listitems = ul.children;
  for (let li of listitems) {
    if (li.innerText.toLowerCase().indexOf(text) === -1) {
      li.classList.add("filtered");
    } else {
      li.classList.remove("filtered");
    }
  }
};

let searchText = document.querySelector(".search input");
searchText.addEventListener("keyup", (e) => {
  searchItem(searchText.value.toLowerCase());
});