我正在学习事件侦听器,但我不能让它在单击图像时添加一行文本:
<!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;
}
);
一臂之力?
发布于 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);
}
);
https://stackoverflow.com/questions/51848246
复制相似问题