Javascript 保存并打开文本区域的内容

作为学校项目的一部分，我正在开发一个文本编辑器，我的保存和打开代码有一个小问题

这是我的按钮：

<button id="gu" onclick="save()">Save</button>
<button id="ab" onclick="open()">Open</button>

我的目标是，如果写一些东西，然后按“保存”按钮，我的

textarea

中的内容将被保存，如果我按“打开”按钮，它将显示我在

textarea

上写的内容

你知道如何修复我的代码吗

---

如果我的英语不好，很抱歉。

下面是需要做的事情

 function save()
{
    gu = document.getElementById("texto");
    localStorage.setItem("texto",gu.innerText);  //here you were saving the dom object not the text inside
    console.log(texto+"="+gu.innerHTML);

}

function open()
{

console.log("Abierto")
document.getElementById('texto').innerHTML=localStorage.getItem("texto"); //here you need to get the text from your local storage

}给你：

不能将open（）用作函数名，因为它已经是javascript中的内置函数，所以我将其更改为retrieve（）。请看这里：

您需要使用setItem（）有什么原因吗？使用变量（gu）和setItem是多余的。这两种方法都可以

此外，要获取和设置文本区域内的文本，需要使用value（）

---

我还更改了save（）函数，以便它清除文本框，以便您可以在单击retrieve（）时看到发生的情况。

使用代码片段。文本区域没有

innerText

或

innerHTML

。顺便说一下，

innerText

无论如何都是非标准属性。

function save(){
    gu = document.getElementById("texto");
    localStorage.setItem("texto",gu);
    console.log(texto+"="+gu);
}

function open(){
    console.log("Abierto")
    document.getElementById('texto').innerHTML=gu;
}

 function save()
{
    gu = document.getElementById("texto");
    localStorage.setItem("texto",gu.innerText);  //here you were saving the dom object not the text inside
    console.log(texto+"="+gu.innerHTML);

}

function open()
{

console.log("Abierto")
document.getElementById('texto').innerHTML=localStorage.getItem("texto"); //here you need to get the text from your local storage

function save()
{
    localStorage.setItem("someitem", document.getElementById("texto").value);
    document.getElementById("texto").value = "";
    console.log(texto + "=" + gu);
}

function retrieve(){
        console.log("Abierto")
        document.getElementById("texto").value = localStorage.getItem("someitem");
}