Javascript 如何将事件侦听器连接到textarea元素？_Javascript

Javascript 如何将事件侦听器连接到textarea元素？

javascript

Javascript 如何将事件侦听器连接到textarea元素？,javascript,Javascript,我真的很挣扎。我需要基本上使它，所以任何写在一个新创建的文本框是存储在本地存储 // TODO: Q1(c)(iii) // Make an event listener to save text when it changes: // ...get the textarea element's current value // ...make a text item using the value // ...store the item in local storage using

我真的很挣扎。
我需要基本上使它，所以任何写在一个新创建的文本框是存储在本地存储

// TODO: Q1(c)(iii)
 // Make an event listener to save text when it changes:
 // ...get the textarea element's current value
 // ...make a text item using the value
 // ...store the item in local storage using the given key
 // Connect the event listener to the textarea element
 var item, data, key;
 var textareaElement = document.createElement("TEXTAREA");
   textareaElement.addEventListener("change", function(event) {
    var myText = document.getElementById("textareaElement").value;
    localStorage.setItem("text", myText);
    item = makeItem ("text", myText); 
 });

-- HTML --

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>My Erehwon Diary ds22368</title>
    <meta name="author" content="Stephen Rice" />
    <!-- Set viewport to ensure this page scales correctly on mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="tma03.css" />
    <!-- Set demo data -->
    <script src="tma03-demo.js"></script>
    <!-- Start TMA03 application -->
    <script src="tma03.js"></script>
  </head>
  <body>
    <h1>My Erehwon Diary ds22368</h1>
    <main>
      <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>
    </main>
  </body>
</html>

//TODO:Q1（c）（iii）
//使事件侦听器在文本更改时保存文本：
//…获取textarea元素的当前值
//…使用值创建文本项
//…使用给定的密钥将项目存储在本地存储器中
//将事件侦听器连接到textarea元素
var项、数据、键；
var textareaElement=document.createElement（“TEXTAREA”）；
textareaElement.addEventListener（“更改”，函数（事件）{
var myText=document.getElementById（“textareaElement”）.value；
setItem（“text”，myText）；
item=makeItem（“文本”，myText）；
});
--HTML--
我的艾瑞文日记ds22368
我的艾瑞文日记ds22368
添加条目
添加照片

每行的问题都是上面的评论，下面是我到目前为止试过的

在HTML中创建这样的输入

var item, data, key;
var textareaElement = document.createElement("TEXTAREA");
document.body.appendChild(textareaElement); //Add the element to the document
textareaElement.addEventListener("change", function(event) {
  var mytext = textareaElement.value; //You already have the element as a variable
  localStorage.setItem("text", myText);
  item = makeItem("text", myText); 
});

function makeItem() { //Don't forget to define makeItem
  //code
}

 <textarea id=‘textarea’ onchange=‘save()’ />

也请发布你的html？啊，是的，谢谢！

const textarea = document.querySelector(‘#textarea’)
function save() { 
  localStorage.setItem("text", textarea.value);
 }