我正在学习事件侦听器，但我无法让它在单击图像时添加一行文本 我的代码：
<!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;
}
);
伸出援助之手？
请检查代码。您的for循环永远不会运行，因为终止条件始终为假，即i < 0总是假的。
$(".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);
}
);