Javascript 在一定数量的点击后执行操作，例如显示图片

我有一个点击计数器和一些函数，我如何定义，在第10次点击后，应该执行一个函数？使用HTML、CSS、JavaScript

试图在HTML中的javascript中向我的click counter函数添加一个

if

-子句，激活一个本应播放声音的函数。但我做错了，没用-

var clicks = 0;
function counting() {
  clicks += 1;
  document.getElementById("clicks").innerHTML = clicks; 
}


<p>Clicks: <a id="clicks"></a></p> 

然后使用以下方法播放声音：

var audio = document.getElementById("audio");
  function playSound() {
  audio.currentTime = 0;
  audio.play();}

---

音频是用HTML中的ID audio定义的。

您可能需要使用

eventListener

来计算点击次数。 见：

如果您使用jQuery，那么

click（）

方法可能会有所帮助。 见：

您还可以使用

on（）

方法同时绑定多个事件。 见：

---

至于在一定数量的点击后执行操作，您可能需要在计数器中合并这两种方法。希望这对你有所帮助

我会为点击添加一个eventlistener，每次点击后它都会检查clickcounter是否==10

Var counter = 0

document.getElementById("clicks").addEventListener(‚click‘, () => {
 Counter++

 if (clicks == 10) {
   playSound() 
 }

})

尝试（相反，您可以使用

=

多次运行函数）

document.onclick=e=>msg.innerHTML=（++counter==10）？播放声音（）：计数器；
函数playSound（）{返回“播放声音/显示图片”}
设计数器=0
点击某个地方
您的错误不是您使用的“==”
var点击次数=0；
函数计数（）{
点击++；
document.getElementById（“clicks”）.innerHTML=clicks；
如果（单击===10）{
播放声音（）；
}
}
var audio=document.getElementById（“音频”）；
函数playSound（）{
audio.currentTime=0；
音频播放（）；
}
单击：
请回答下一个问题，您可以创建一个JSFIDLE。您需要的解决方案不要忘记阅读javascript中的点击事件。
Var counter = 0

document.getElementById("clicks").addEventListener(‚click‘, () => {
 Counter++

 if (clicks == 10) {
   playSound() 
 }

})