在javascript中怎么怎么用window.prompt的方式在一个空对象中添加属性名称和属性值？

点击页面里的添加按钮弹出对话框输入。console.log的方式表示结果。点击另一个按钮，在对话框中输入存在的属性名称，然后删除属性值。若不存在弹出警告。

img

完整代码如下：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        window.onload = function(){

            var p = {};

            $("add").onclick = function(){
                var attr = window.prompt('请输入属性的名称');
                var value = window.prompt('再输入属性的值');
                p[attr] = value; //赋值

                console.log(p);
            }

            $("second").onclick = function(){
                var attr = window.prompt('请输入属性的名称'); //这里输入跟之前同样的属性
                if (p[attr] == undefined) alert('属性名称错误')
                else delete p[attr];

                console.log(p);
            }
        }
    
        function $(id){
            return document.getElementById(id);
        }
    </script>
</head>
<body>
    <button id = "add">添加</button>
    <button id = "second">第二个按钮</button>
</body>
</html>