我想让删除按钮在这个javascript程序中起作用。函数的语法是什么？它在哪里。仅限js

如何为数组创建删除函数。生成函数的语法是什么？它在代码中的位置是什么

开始感到沮丧时，必须投入大量时间来放弃

var userNames = [""];
/*******************************/                   
//init() function

function init()
{
var myButton = document.getElementById("btnSubmit");            
myButton.onclick = registerName;
}           
onload = init;          
/********************************************/          
function registerName()     
{
var newName = document.getElementById("txtName").value.toString();

var message = "";

var result = document.getElementById("result");         
var success = false;            
if (newName == "")
{
alert("Please, enter a Username");          
return false;
}

for (var i = 0; i < userNames.length; i++)
{           
    if (userNames[i] == newName)
    {
    message = "Sorry, the Username " + userNames[i] + " already exists.  Try                              again";              

    result.innerHTML = message;

    success = false;

    //stop further program execution

    return false;
    }

    else
    {
    message = "Great, you've successfully registered with us as " + newName;

    result.innerHTML = message;

    success = true;
    }

}

if (success)
{
userNames.push(newName);
}

userNames.sort(); 

var myTable = "<table><tr><td>NAME</td>";
myTable+= "<td>ACTION</td></tr>"; 
myTable+= "<tr><td>---------------</td>";
myTable+= "<td>---------------</td></tr>";

for (var i=0; i< userNames.length; i++)
    {
    myTable+="<tr>";
    userNames[i] = userNames[i].toString();
    myTable+="<td>" + userNames[i] + "</td>";
        myTable+="<td>" + "<button> Delete </button>" + "</td></tr>"; //NEED TO REPLACE "DELETE" WITH YOUR DELETE BUTTON 
    }  
    myTable+="</table>";

//OUTPUT THE ENTIRE TABLE AS AN ELEMENT FOR HTML
document.getElementById('tablePrint').innerHTML = myTable;
}

var userNames=[“”]；
/*******************************/                   
//init（）函数
函数init（）
{
var myButton=document.getElementById（“btnSubmit”）；
myButton.onclick=registerName；
}           
onload=init；
/********************************************/          
函数寄存器名（）
{
var newName=document.getElementById（“txtName”）.value.toString（）；
var message=“”；
var result=document.getElementById（“结果”）；
var成功=false；
如果（newName==“”）
{
警报（“请输入用户名”）；
返回false；
}
对于（var i=0；i

这是按钮的html：

<input type='button' value='delete' />

---

这里。

谢谢您的帮助。DOM会在我的代码中出现在哪里？当我把它放在代码中时，我的输出就消失了。DOM在我的代码中会去哪里。它消除了我的输出，几乎我把它放在任何地方。您不仅可以插入它。我需要对它做什么？您需要更改构建表和所有行的方式。i、 然后创建一行，然后创建单元格，然后创建一个按钮。将按钮附加到单元格，将单元格附加到行，将行附加到表。

myTable+="<td><input type='button' value='delete' /></td></tr>"; 

var btn = document.createElement("button");
var tn = document.createTextNode("delete");
btn.appendChild(tn);
document.getElementById("parent").appendChild(btn);