Javascript 如何计算HTML中图像的点击次数？_Javascript_Jquery

Javascript 如何计算HTML中图像的点击次数？

javascript jquery

Javascript 如何计算HTML中图像的点击次数？,javascript,jquery,Javascript,Jquery,编写以下代码以获得所需的结果： html文件： <div class="container"> <img id="myImg" class="img-fluid img-thumbnail" src="cat.jpg" alt="cat img"> </div> 但是，控制台显示如下错误： Uncaught ReferenceError: $ is not defined at script.js:1 请你帮我解决这个问题，并向我解释为什么会发生

编写以下代码以获得所需的结果：

html文件：

<div class="container">
    <img id="myImg" class="img-fluid img-thumbnail" src="cat.jpg" alt="cat img">
</div>

但是，控制台显示如下错误：

 Uncaught ReferenceError: $ is not defined
at script.js:1

请你帮我解决这个问题，并向我解释为什么会发生这种情况。我怎样才能知道点击次数是否增加

查看我的工作的codepen链接。

看起来您正试图在javascript代码中使用jQuery，但您可能没有在HTML中正确包含jQuery脚本文件

您可以从cdn将其加载到文档的头部，如下所示：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

这是一把小提琴：

取消对jquery文件链接的注释，即

，并在jquery文件后包含script.js。由于

在jquery之前，所以出现了错误。所有使用jQuery的JavaScript必须在jQuery文件之后


单击Cat | Sofia
$（函数（）{
设i=0；
$（'#myImg'）。单击（函数（）{
$（this.html（i++）；
控制台日志（i）；
});
});

删除警报并使用任何您想要的内容

您需要在script.js文件之前链接jquery文件您需要在页面上包含jquery库。将

添加到您的

中，在此处请求解决方案之前，请尝试搜索您的错误。在提出问题之前，先努力解决你的问题。这是一个常见的错误，谷歌会给出很多答案。您尚未在代码段中添加资源（jquery）文件。非常感谢大家。我的问题现在解决了。耶..那个错误现在被删除了。但是click（）不起作用..意味着我无法知道单击次数是否增加。我编辑了我的答案。它应该显示一个带有计数的html元素。

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<div class="container">
    <span id="click-counter">0</span>
    <img id="myImg" class="img-fluid img-thumbnail" src="cat.jpg" alt="cat img">
</div>

$(function() {
    let i = 0;
    $('#myImg').click(function() {
        i++;
        $('#click-counter').text(i);
    });
});

$(document).ready(function(){
    var i = 1;
    $('#myImg').click(function(){
        alert(i++); // here you can use html or whatever you want.
    });
});