获取 SyntaxError 和 ReferenceError 但不知道为什么

Getting SyntaxError and ReferenceError but no clue why

我正在尝试进入 javascript 并写了一个简短的脚本。当我启动脚本时得到的是“未捕获的语法错误:函数语句需要一个名称”和“未捕获的引用错误:未定义检索”。我不明白为什么我的功能不能正常工作。有人知道吗?

<!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>

打开控制台。查看错误信息顺序.

先解决第一个问题

Uncaught SyntaxError: Unexpected token 'delete'

delete is the name of an operator,不能作为函数名使用

重命名该函数,尝试定义 retrieve 的脚本不会出错,因此 retrieve 将被定义。


旁白:您的保存功能不适用于 。使用 addEventListener,而不是 onclick 属性。