Update wish list to localStorage

main.js

const wishList = JSON.parse(localStorage.getItem('wishList')) || []

function updateLocalStorage() {
  //store the list back to localStorage
  localStorage.setItem('wishList', JSON.stringify(wishList))
}

//add event listener to form
form.addEventListener('submit', event => {
  //prevent auto send the form
  event.preventDefault()
  //get input value
  const input = document.querySelector('input[type="text"]')
  //add new wish to the list
  displayWish(input.value)
  //add new wish to the list
  wishList.push(input.value)
  //add the wish to localStorage
  updateLocalStorage(input.value)
  //clear up the input
  input.value = ''
})

displayArea.addEventListener('click', event => {
  if (event.target.tagName !== 'SPAN') { return }
  const li = event.target.parentElement
  //remove the wish from DOM
  li.remove()
  //remove the wish from wishList array
  wishList.splice(wishList.indexOf(li.textContent.slice(0, -1)), 1)
  updateLocalStorage()
})