Не могу заставить мой прослушиватель событий сохранять текстовые записи для работы

---

Привет. Я очень новичок в JavaScript и пытаюсь создать прослушиватель событий для сохранения текста при его изменении. Я пытаюсь получить значение записей, сделать текстовый элемент из значений и сохранить в локальном хранилище. затем подключитесь к onblur.

Любая помощь в попытке выяснить это была бы великолепна. Особенно стараясь получить значение HTML-документа.


HTML-это:
```

<section id="text" class="button">
    Add entry
</section>
<section id="image" class="button">
    Add photo
    
</section>
``

Что я уже пробовал:

// Add a text entry to the page
      function addTextEntry(key, text, isNewEntry) {
      // Create a textarea element to edit the entry
      var textareaElement = document.createElement("TEXTAREA");
      textareaElement.rows = 5;
      textareaElement.placeholder = "(new entry)";
      
    
      // Set the textarea's value to the given text (if any)
      textareaElement.value = text;
    
      // Add a section to the page containing the textarea
      addSection(key, textareaElement);
    
      // If this is a new entry (added by the user clicking a button)
      // move the focus to the textarea to encourage typing
      if (isNewEntry) {
        textareaElement.focus();
    
    // Get HTML input values
    var data = textareaElement.value;

}
  
  

    // ...get the textarea element's current value
      var data = textareaElement.value;
     
      // ...make a text item using the value
      var item = makeItem("text", data);
      // ...store the item in local storage using key
      localStorage.setItem(key, item);
      // Connect the event listener to the textarea element:
      textareaElement.addEventListener('onblur', addTextEntry);
    
    }

---