gpt4 book ai didi

javascript - 为什么我的可点击图像不起作用?

转载 作者:行者123 更新时间:2023-11-28 12:38:15 25 4
gpt4 key购买 nike

我正在尝试制作一个 cookie clicker 版本来练习制作游戏,但重要的部分不起作用:当您单击 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>

最佳答案

您目前正在做的不是处理 div 点击事件的正确方法。假设您想要增加 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/

关于javascript - 为什么我的可点击图像不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27201887/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com