使用“onclick”时如何运行 2 个或更多功能？答案

【问题标题】：How do I run 2 or more functions when using 'onclick'?使用“onclick”时如何运行 2 个或更多功能？
【发布时间】：2020-07-09 06:43:56
【问题描述】：

当我按下这个按钮时，我想运行 2 个函数。但是，只有函数“HeadsorTails”正在执行。 <button class="coin" onclick="HeadsorTails()" onclick="Restart()"> 使用onclick时甚至可以运行2个函数吗？

【问题讨论】：

【解决方案1】：

为了更好地阅读和调试，您可以将您的函数放在另一个函数中：

<button class="coin" onclick="doFunctions()">

js代码：

var doFunctions = function() 
{
 HeadsorTails();
 Restart();
}

【讨论】：

【解决方案2】：

只需输入：onclick="HeadsorTails(); Restart();"

【讨论】：

【解决方案3】：

对于更复杂的逻辑，最好使用addEventListener 而不是内联事件处理程序。

const btn = document.querySelector('button.coin');
btn.addEventListener('click', function(e){
     HeadsorTails(); 
     Restart();
});

【讨论】：

【解决方案4】：

你可以在一个按钮点击多个功能

<button class="coin" onclick="HeadsorTails();Restart()">

【讨论】：

【解决方案5】：

您可以在一个单独的函数中执行函数s。

function buttonFunc() {
   HeadsorTails()
   Restart()
}


<button class="coin" onclick="buttonFunc()">

我相信这种方式可以让您稍后更轻松地编辑您的函数，并且可以将关注点分开（意见）。

【讨论】：