Übersicht: JS Formulare

von 
const key = "Notes";

document.querySelector("form").addEventListener("submit", function (e) {
  // e.preventDefault();
  try {
    const formData = new FormData(e.target);
    const newNote = formData.get("newNote").trim();    // HTML: <imput name="newNote"/>
    if (!newNote) throw new Error("Imput is empty");
    const storedData = localStorage.getItem(key)
      ? JSON.parse(localStorage.getItem(key))
      : [];
    const newData = [newNote, ...storedData];
    localStorage.setItem(key, JSON.stringify(newData));
  } catch (error) {
    console.log(error);
  }
  
  // alternative Adressierung der Formular-Felder: event.target.elements.newNote.value
  // const { newNote } = e.target.elements;
  // console.log(newNote.value
});

#TODO

Blog-Beitrag: HTML-Formulare