получить значение HTML

Question

Я учусь JavaScript, и у меня возникают проблемы при попытке получить значение HTML элемента textareaElement. Theres много в Интернете, и из-за всей доступной информации это делает его более запутанным. Я понимаю идею DOM, но не знаю, как сделать код. Я также пытаюсь использовать добавить прослушиватель событий для хранения данных в локальном хранилище, но без какой-либо удачи.

// 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);

}   

HTML:

<section id="text" class="button">
    <button type="button">Add entry</button>
</section>
<section id="image" class="button">
    <button type="button">Add photo</button>
    <input type="file" accept="image/*" />
</section>

[HTML] [1]

Answer 1

'textareaElements' не во множественном числе, как у вас здесь:

var data = textareaElements.value;

Это правильная форма:

var data = textareaElement.value;