如何在divjavascript上创建contextmenu？

我想通过每次单击（添加）按钮创建一个div（方形）。例如，我创建了三个正方形。现在，我想通过右键单击第二个正方形打开一个上下文菜单，并更改第二个正方形的大小或颜色或删除div。（通过右键单击所需的正方形，我可以更改其大小或颜色或删除div）。例如，当我右键单击第二个div并选择删除选项时，而不是删除第二个div，很遗憾，最后一个div已被删除。。此代码不起作用

按钮。删除（按钮）

以上代码仅删除最后一个div

我该怎么做？谢谢你的帮助

var students = new Array()
    var cnt = 0;
    var menu;
    var cmen;
    
    var button;
    
    function addPerson(btn) {
        let i = 1;
        let body = document.getElementsByTagName("body")[0];
       
    
        var fname = prompt("Enter Your First Name : ")
        var std = {
            fname: fname
        }
    
        students[cnt++] = std
        for (var m = 0; m < students.length; ++m) {
            button = document.createElement("button");
    
            button.innerHTML = students[m].fname;
           
    
            ////////////////////////////////////////////////////////////
            button.addEventListener("click", function() {
               
                this.style.border = "3px dotted red";
    
                menu = new ContextMenu(cmen);
    
                button.addEventListener("contextmenu", function(e) {
                    menu.display(e);
                });
    
    
            });
    
            
    
            cmen = [{
    
                    "text": "Item 1",
    
                    "icon": '<i class="fas fa-exclamation-circle"></i>',
                    "events": {
                        "click": function(e) {
                          
    
                            button.remove(button)
    
                           
                        }
                    }
    
                },
                {
                    "text": "Item 2",
    
                }
            ];
    
        
    
        }
        body.appendChild(button);
    
    
    }

var students=新数组（）
var-cnt=0；
var菜单；
var cmen；
var按钮；
功能添加人（btn）{
设i=1；
让body=document.getElementsByTagName（“body”）[0]；
var fname=prompt（“输入您的名字：”）
var std={
fname:fname
}
学生[cnt++]=std
对于（var m=0；m

您是否忘记了“上述代码”？