javascript - 未捕获的引用错误：表单未在 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();
}

标签： javascriptreferenceerror

Answer 1

第一行有错别字……应该是form，不是from。

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