Question

我正在创建一个网站，比如cookie点击器，你必须尽可能多地点击一个对象。

当用户达到100次点击时，如何使用div或警告显示不同的消息？（当您单击对象100次时，将显示一条消息。）
将所有用户分数聚集在一起并显示为一个最简单的方法是什么？（例如：一个玩家获得100p，另一个获得200，他们停止玩，第三个玩家进入网站，我怎么能在页面上显示“到目前为止我们点击了300次点击！”然后将第三个玩家的得分添加到最后的数字？）

这是当前完美的代码：

<html>
<head>
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
    var count = 0;
    function countClicks() {
     count = count + 1;
        document.getElementById("counter").innerHTML = count;
    }
</script>
</head>
<body>
<div id="space"></div>
<center><p id="counter">0</p></center>
<a href="javascript:countClicks();"><div id="face"></div></a>
</body>
</html>

Answer 1

您需要比您更多的基础设施。

处理此类情况的“旧”方法是使用服务器，并且偶尔使用您发送的点击次数更新服务器。

您无法发送每次点击，因为用户点击的速度远远快于ajax请求可以通过网络运行，因此总会有延迟和延迟。

另一种方法是通过WebRTC。有一个库可以大大简化它 - 虽然它从来都不是真正的简单。

您可以在此处阅读有关WebRTC和peerJS的内容：http://peerjs.com/

收集分数并显示消息

1 个答案: