添加事件侦听器以将按钮连接到函数

Question

const flip = (max) => {
if (Math.floor(Math.random() * max) == 1) {
return "heads"
} else 
return "tails";
}
//console.log(flip(1));
let quater = document.getElementById("coin");
quater.addEventListener("click", flip);

<div class="random">
<button id ="coin" onclick="">flip</button>


</div>

context:添加一个事件监听器，将按钮连接到函数

Answer 1

如果您正在寻找在单击特定元素时执行函数的代码，下面的代码片段应该可以工作(替换相关的id和函数)。

document.getElementById("elementIdHere").addEventListener("click", runThisFunction);

Answer 2

回调(flip)将接收鼠标点击事件作为第一个参数。在您的情况下，它将是num参数，您将其用作数字，从而使代码无法工作。你可以这样做

quater.addEventListener("click", event => {
flip(10);
});