Question

我正在尝试制作一个cookie点击器版本来练习制作游戏，但重要的部分不起作用：当你点击cookie时，没有任何反应？

<!DOCTYPE html>
<html>
<head>
    <link rel='stylesheet' href='style.css'/>
    <script language="javascript">

    </script>
</head>
<body>
    <div id="cookie" style="cursor:pointer"><img src="http://img1.wikia.nocookie.net/__cb20130827014912/cookieclicker/images/thumb/5/5a/PerfectCookie.png/250px-PerfectCookie.png"></div>
    <div>
    <script language="javascript">
        //variables:
        var cookieClicks = 0;
        var cookieClicked;
        //code:
        var cookie = document.getElementById("cookie").onclick = cookieClicked(){
            return true;
        };         // gets the element

        //checks if cookie is clicked + add cookie
        if(cookieClicked === true){
            cookieClicks ++;
        }
        document.write(cookieClicks + " Cookies");
    </script>
    </div>
</body>
</html>

Answer 1

您当前正在做的事情不是处理div click事件的正确方法。假设您希望增加cookieClicks并在每次单击div时显示cookieClicks后跟" Cookies"的值，请将脚本更改为以下

<script language="javascript">

    //variables:
    var cookieClicks = 0;

    function cookieClicked() {
        cookieClicks++;
        alert(cookieClicks + " Cookies");
    }
</script>

并将onclick="cookieClicked();"添加到cookie div

<div id="cookie" style="cursor:pointer" onclick="cookieClicked();"><img     src="http://img1.wikia.nocookie.net/__cb20130827014912/cookieclicker/images/thumb/5/5a/PerfectCookie.png/250px-PerfectCookie.png"></div>

工作演示：http://jsfiddle.net/p87zks60/

Answer 2

只要用户点击图片，onclick事件处理程序（cookieClicked）内的代码就会执行。所以你应该在事件处理程序中完成这项工作，而且你应该在事件处理程序的名称之前使用function，如果你使用function

，这个名称是可选的

var cookieClicks = 0;    
var cookie = document.getElementById("cookie").onclick = function cookieClicked()
{
       cookieClicks ++;
 };         // gets the element

Answer 3

可以试试这个：

＆＃13;

 
    
    var cookieClicks = 0;
    
    function cookieClicked() {
       
       document.getElementById("count").innerHTML= ++cookieClicks + " Cookies";
    }

＆＃13;

 <!DOCTYPE html>
    <html>
    <head>
    <link rel='stylesheet' href='style.css'/>
    <script language="javascript">
    
    </script>
    </head>
    <body>
    <div id="cookie" style="cursor:pointer" onclick="cookieClicked()"><img     src="http://img1.wikia.nocookie.net/__cb20130827014912/cookieclicker/images/thumb/5/5a/PerfectCookie.png/250px-PerfectCookie.png"></div>
    <div>
    <p id="count"></p>
   
    </div>
    </body>
    </html>

＆＃13;

为什么我的可点击图片不起作用？

3 个答案: