我有一张带有 onclick 事件的图片，我想计算图片上的所有点击次数并在输入栏中显示总数。
这是我用过的一段代码，但没有用
<html>
<head>
<title>Krummpleanimator</title>
<script type="text/javascript">
//imageselection
function buttonClick() {
document.getElementById('gimper').stepUp(5);
}
</script>
</head>
<body>
<div style="position: absolute; left: 10px; top: 40px;">
<img id="gimper" src="paintbrush.png" width="200" height="200" alt="gimpybutt" border="5" onclick="buttonclick();">
<input type="text" id="gimper" value="0"></input>
</div>
</body>
</html>
我希望输出是我点击的图像和旁边的输入栏，说明我点击了多少次，但它只显示图像和旁边的输入栏。
你能帮我实现我想要的结果吗？
最佳答案
首先，您需要实现一个名为 buttonclick 的函数来增加输入的值。
其次，ID 应该是唯一的。您的图像和输入应该具有不同的 ID，document.getElementbyId 才能正常工作。
function buttonclick() {
document.getElementById("gimper").value++;
}<body>
<div style="position: absolute; left: 10px; top: 40px;">
<img id="gimper_img" src="paintbrush.png" width="200" height="200" alt="gimpybutt" border="5" onclick="buttonclick();">
<input type="text" id="gimper" value="0"></input>
</div>
</body>关于javascript - 如何通过 onclick 事件计算图片的点击次数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56710473/