Javascript 如果已选择图像,如何禁止重新选择图像

Javascript 如果已选择图像,如何禁止重新选择图像,javascript,html,Javascript,Html,我有一个图像点击计数器。有多个图像,单击它们时,页面顶部的计数器会增加1。 代码如下: <html> <head> <title>Space Clicker</title> </head> <body> <script type="text/javascript"> var clicks = 0; function onClick() { clicks += 1;

我有一个图像点击计数器。有多个图像,单击它们时,页面顶部的计数器会增加1。 代码如下:

<html>
<head>
    <title>Space Clicker</title>
</head>

<body>
    <script type="text/javascript">
    var clicks = 0;
    function onClick() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <img src="http://placehold.it/350x150" onClick="onClick()">
    <img src="http://placehold.it/350x150" onClick="onClick()">
    <img src="http://placehold.it/350x150" onClick="onClick()">
    <p>Clicks: <a id="clicks">0</a></p>

</body></html>

空间点击器
var=0;
函数onClick(){
点击次数+=1;
document.getElementById(“clicks”).innerHTML=clicks;
};
点击:

如何使图像一旦被单击,就不能再次单击以重新增加值?与此类似,如果单击第一个图像,并且值从0变为1,则当您重新单击第一个图像时,该值将减小,而单击第一个图像以外的任何图像都将增大


谢谢

您可以向每个单击的图像添加一个类,然后检查单击的图像是否有该类,如果有,则不要增加单击次数。但它很容易通过inspector进行黑客攻击,因为您可以从元素中删除该类并继续单击。@Quest-我不希望它可以被黑客攻击。还有其他方法吗?唯一的其他方法是在服务器端检查它,不幸的是。怎么做?启发me@Quest:客户端始终是“可攻击的”(用户可操作)。我认为OP并不关心这一点,因为点击量并不是在服务器上测量的。