javascript - 有没有代码可以统计并显示用户点击次数？

Question

我有一个程序，每次单击屏幕时都会生成一条鱼。我想通过计数和显示玩家点击来显示已经钓了多少条鱼。我可以获取一些可以执行此操作的代码吗？

我是JS新手，只知道一些小知识。我尝试摆弄 onClick 和 mouseClicked 但无济于事。

这是我的鱼生成代码，不包括变量。

var drawFish=function(centerX,centerY) {

noStroke();
fill(random(255),random(255),random(255));

ellipse(centerX, centerY, bodyLength, bodyHeight);

var tailWidth = bodyLength/4;
var tailHeight = bodyHeight/2;

fill(random(255),random(255),random(255));
triangle(centerX-bodyLength/2, centerY,
centerX-bodyLength/2-tailWidth, centerY-tailHeight,
centerX-bodyLength/2-tailWidth, centerY+tailHeight);

fill(random(255),random(255),random(255));
ellipse(centerX+bodyLength/4, centerY, bodyHeight/5, bodyHeight/5);
};

mouseClicked=function(){
drawFish(mouseX,mouseY);
};

我尝试使用显示点击量

fill(0,0,0); //For visibility on background
text('mouseClicked',160,30,40,40); //My bad attempt at counting clicks

但它显然没有起作用。

我希望得到一个显示我点击次数的数字，但我尝试得到的结果为 0。

很抱歉这篇文章很长。

Answer 1

var clicks = 0;
var el = document.getElementById('module');

el.onclick = function() {
    clicks++;
    console.log(clicks);
};

每次用户点击页面时，点击次数都会增加 1，并记录每次点击的点击次数。