javascript - 当用户单击按钮时运行函数？

Question

我正在尝试使用附加表中的附加按钮调用函数。

这是我的代码片段。

function userAction(){
    window.alert("Hi");
   }

var newbtn=document.createElement('button');

   newbtn.setAttribute('type','button');
   newbtn.setAttribute('onclick',userAction);
   newbtn.setAttribute('class','btn btn-primary mt-4');
   newbtn.innerHTML='Review'
   tr.appendChild(newbtn);

点击下方链接获取完整代码

https://drive.google.com/file/d/1t6M5L_6tXYdGnemI8t0qlcFb93jkbx0I/view?usp=sharing

我希望它能在用户单击按钮时创建一个弹出式警报，但它似乎不起作用。这是我检查元素时的样子:

<button type="button" onclick="function userAction(){
    window.alert(&quot;Hi&quot;);
     }" class="btn btn-primary mt-4">Review</button>

我可能做错了什么？谢谢!

Answer 1

添加 Click Event Listener像这样而不是 setAttribute:

newbtn.addEventListener('click', () => userAction());