如何用纯javascript改进这个简单的待办应用程序中的过滤

// 获取过滤输入框和待办事项列表元素
const filterInput = document.getElementById('filterInput');
const todoList = document.getElementById('todoList');

// 待办事项数组
const todos = [
  { id: 1, title: '任务1', completed: false },
  { id: 2, title: '任务2', completed: true },
  { id: 3, title: '任务3', completed: false }
];

// 初始化待办事项列表
function initTodoList() {
  todoList.innerHTML = '';
  todos.forEach(todo => {
    const todoItem = document.createElement('li');
    todoItem.textContent = todo.title;
    todoList.appendChild(todoItem);
  });
}

// 过滤待办事项
function filterTodos(keyword) {
  const filteredTodos = todos.filter(todo => {
    return todo.title.toLowerCase().includes(keyword.toLowerCase());
  });
  return filteredTodos;
}

// 更新待办事项列表
function updateTodoList(filteredTodos) {
  todoList.innerHTML = '';
  filteredTodos.forEach(todo => {
    const todoItem = document.createElement('li');
    todoItem.textContent = todo.title;
    todoList.appendChild(todoItem);
  });
}

// 监听过滤输入框的变化
filterInput.addEventListener('input', () => {
  const keyword = filterInput.value;
  const filteredTodos = filterTodos(keyword);
  updateTodoList(filteredTodos);
});

// 初始化应用程序
function initApp() {
  initTodoList();
}

// 启动应用程序
initApp();