<脚本>单击(）上的帮助

<script> Help on .click()

本文关键字：帮助 单击 lt 脚本 gt      更新时间：2023-09-26

我最近刚开始编码，在开始更深入的全面编码之前，我决定先搞砸。我目前正在尝试制作一个简单的游戏，点击一个对象，它会做一些动画，并在计数器中添加1。

我已经完美地执行了动画，但我完全不知道如何制作计数器。我试图通过标签使用.js，主要是因为网站从未加载我的script.js文件，即使我正确地引用了它。

无论如何，这里是我的html代码：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="style.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
    <h3>0 Clicks</h3>
    <img id="choco" src="http://cdn.shopify.com/s/files/1/0210/5354/products/Chocolate_Chip_No_Background_1_medium.png?v=1365686508">
    <img id="whirl" src="whirl.jpg" style="width:25em; height:25em;">
</body>
<script>    
$(document).ready(function() {
    ('#cookie').click(function() {
        function toClick(clicks){
            return (clicks + 1);
        print clicks;
        };
    });
});
</script>
</html>

我的生活非常混乱，我尝试了很多选择，试图让它发挥作用，但根本没有。

所以基本上我想做的是，每次我点击对象时，我都希望它在页面上的计数器中添加1

0次点击

我甚至不确定这是否可能，但我希望有人能帮助我：）

谢谢！

首先，给h3一个包含点击计数器的内部元素（并给它一个ID，这样你就可以轻松访问它）：

<h3><span id="clicks">0</span> clicks</h3>

接下来，您的点击处理程序前面缺少$，但还必须获得当前点击，添加1，然后重新打印：

$('#cookie').click(function() {
    var currentClicks = parseInt($("#clicks").text(), 10);
    currentClicks++; //increment
    $("#clicks").text(currentClicks); //set it
});

    $(document).ready(function() {
        $('#cookie').click(function() {
           incrementCount();
        });
    });
  function incrementCounter() {
          var previousCounter = parseInt($("#counter").text());
          previousCounter = isNaN(previousCounter) ? 0: ++previousCounter;
          $("#counter").text(previousCounter);
  }
  function resetCounter() {
     $("#counter").text(0);
 }

将HTML更改为

<body>
    <h3><span id="counter">0</span> Clicks</h3>

即使您没有使用Span指定0，上面的代码也会照顾您。我刚刚给了你一些额外的功能-resetCounter：）

似乎您缺少$sing-in:

    $('#cookie').click(function() {
相关文章：