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

Question

作为学校元素的一部分，我正在开发一个文本编辑器，我在保存和打开代码时遇到了一个小问题。

这是我的按钮:

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

这是我的文本区域:

<textarea name="comment" rows=30 cols=101 id="texto"></textarea>

这是我的 javascript 函数:

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

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

我的目标是，如果写了一些东西然后按下“保存”按钮，我的 textarea 中的内容就会被保存，如果我按下“打开”按钮它会显示我在文本区域。

关于如何修复我的代码的任何想法？

对不起，如果我的英语不好。

Answer 1

给你:https://jsfiddle.net/cinerobert/qwgv18r5/

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");
}

不能用open()作为函数名，因为它已经是javascript的内置函数了，所以我改成了retrieve()。看这里:http://www.w3schools.com/jsref/met_win_open.asp

是否有某些原因要求您使用 setItem()？使用变量 (gu) 和 setItem 是多余的。无论哪种方式都可以。

另外，要获取和设置文本区域内的文本，您需要使用 value()。

我还更改了 save() 函数，以便它清除文本框，这样您就可以在单击 retrieve() 时看到发生了什么。