javascript - 未捕获的引用错误 : form is not defined at loadEventListeners

Question

我不明白为什么会收到此错误。它告诉我我的 loadEventListeners 未定义。我不明白为什么它没有定义......任何输入都会有帮助。

//Define ui var
const from = document.querySelector('#post-form');
const postList = document.querySelector('.collection');
const clearBtn = document.querySelector('.clear-posts');
const filter = document.querySelector('#filter');
const postInput = document.querySelector('#post');

// load all event listeners
loadEventListeners();

//load all event listners
function loadEventListeners(){
  //add Post Event
  form.addEventListener('submit', addPost);
}

//Add post
function addPost(e){
  if(postInput.value === ''){
    alert('Add a post');
}

  //create li element
  const li = document.createElement('li');
  //add class
  li.className = 'collection-item';
  //create text node and append to li
  li.appendChild(document.createTextNode(postInput.value));
  //create new link element
  const link = document.createElement('a');
  //add class
  link.className = 'delete-item secondary-content';
  //add icon html
  link.innerHTML= '<i class="fa fa-remove"></i>';
  //append the link to li
  li.appendChild(link);

  //append li to ul
  console.log(li);

  e.preventDefault();
}

Answer 1

第一行有一个拼写错误......它应该是form，而不是from。

const form = document.querySelector('#post-form');