Javascript 使图像点击计数器，这是错误的

当我运行下面的代码时，每次单击它都会一次又一次地显示count。我如何优化它

var i = 1;
var txt1;

$("#target").click(function(e) {
    console.log(i);
    i++;
    txt1 = $("<p></p>").text("count=" + i);
    $("body").append(txt1);
});

var i=1；
var-txt1；
$（“#目标”）。单击（功能（e）{
控制台日志（i）；
i++；
txt1=$（“
”）.text（“count=”+i）；
$（“正文”）。附加（txt1）；
});

在正文中使用固定的

p

标记，并在每次单击时更新其文本内容

var i=0；
$（“#目标”）。单击（功能（e）{
$（“#p”）.text（“count=”+++i）；
});

我推荐@Pranav的方法。但是，您也可以通过在单击处理程序外部创建
p
对象来获得所需的结果。在事件处理程序中，设置
.text（）
，然后设置
.append（）


var i=0；
var txt1=$（“
”）；
$（“#目标”）。单击（功能（e）{
$（“body”）.append（txt1.text（“count=“+++i”）；
});

尝试使用html，而不是附加。不得与body一起使用，也不得与任何div.一起使用，例如和在js$（“.counter”）.html（txt1）中使用；id目标应该是图像右侧的？？因为当我们点击图像时，计数器应该启动。那么为什么按钮？？？@SaiCharan：它可以是任何HTML元素。我可以知道为什么不能将id目标赋予img标记吗？@SaiCharan，是的，您可以看到更新的代码片段。您可以将id设置为任何元素。是使用插件还是动态创建图像？你能分享html吗