事件侦听器问题
事件侦听器问题
提问于 2018-08-15 03:05:07
我正在学习事件侦听器，但我不能让它在单击图像时添加一行文本：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Cat Clicker</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<img alt= "Black Cat" src= "img/tesla-cat.jpg" class="gatito">
<p class="clicks"> </p>
<script src="js/app.js"></script>
</body>
</html>这是javascript文件：
$(".gatito").click(function() {
var text = "";
var i;
for (i = 0; i<0; i++) {
text += ("The kitten has been clicked " + i + "times");
}
$(".clicks").innerHTML= text;
}
);一臂之力?
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-15 03:12:58
请检查代码。您的for循环永远不会运行，因为终止条件始终为false，即i < 0始终为false。
$(".gatito").click(function(){
var text = "";
var i;
var countLimit = 5;//some value greater than 0
for (i = 0; i < countLimit; i++) {
text += ("The kitten has been clicked " + i + "times");
}
$(".clicks").text(text);
}
); 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51848246
复制相关文章
相似问题