Javascript 获取SyntaxError和ReferenceError但不知道原因_Javascript_Syntax Error

Javascript 获取SyntaxError和ReferenceError但不知道原因

javascript

Javascript 获取SyntaxError和ReferenceError但不知道原因,javascript,syntax-error,Javascript,Syntax Error,我试图进入javascript并编写了一个简短的脚本。启动脚本时得到的结果是“uncaughtsyntaxerror:function语句需要一个名称”和“uncaughtreferenceerror:retrieveisnotdefined”。我不明白为什么我的函数不能正常工作。有人有线索吗 <!DOCTYPE html> <html> <head> <script> function save(

我试图进入javascript并编写了一个简短的脚本。启动脚本时得到的结果是“uncaughtsyntaxerror:function语句需要一个名称”和“uncaughtreferenceerror:retrieveisnotdefined”。我不明白为什么我的函数不能正常工作。有人有线索吗

<!DOCTYPE html>
<html>

    <head>
        <script>
            function save(){
                alert("in");
                var name = document.getElementById("name").value;
                localStorage.setItem("text",name);
                document.getElementById("out").value=name;
            }
            
            function retrieve(){
                alert("in retr");
                var retrievedData = localStorage.getItem("text");
                if (retrievedData){
                    document.getElementById("name").value=retrievedData;
                }
            }
            
            function delete(){
                document.getElementById("name").value="";
                localStorage.removeItem("text");
            }
        
        </script>
    </head>
    <body onload="retrieve()">
    
        <form >
            <h1>Enter your name</h1>
            <input id ="name" type="text" name="name_input"/>
            <input type="button" name="save" value="save" onclick="save()"/>
            <input type="button" name="rm" value="remove" onclick="delete()"/><br>
            <input type="text" name="out" id="out"/>
        </form>
    </body>


</html>


函数save（）{
警报（“in”）；
var name=document.getElementById（“name”）.value；
setItem（“文本”，名称）；
document.getElementById（“out”）.value=name；
}
函数检索（）{
警报（“在retr中”）；
var retrievedData=localStorage.getItem（“文本”）；
if（检索数据）{
document.getElementById（“名称”）.value=retrievedData；
}
}
函数delete（）{
document.getElementById（“名称”）.value=“”；
localStorage.removietem（“文本”）；
}
输入您的姓名

打开控制台。按顺序查看错误消息
先处理第一个问题
未捕获的语法错误：意外标记“删除”
，不能将其用作函数名
重命名该函数，尝试定义
retrieve
的脚本不会出错，因此将定义
retrieve

旁白：您的保存功能将不适用于。使用
addEventListener
，而不是
onclick
属性。
delete
是保留关键字。将其重命名为其他名称，错误就会消失。