如何在浏览器中显示onclick事件

How do I display an onclick event to the browser?

本文关键字：显示 onclick 事件 浏览器      更新时间：2023-09-26

这是我任务的对象：

设计一个由20张朋友脸组成的网格页面。有一个"开始"按钮，启动20秒的计时器，然后计算玩家在这段时间内可以点击的人脸数量。

20秒后，向用户发出一个警报，告诉他们点击了多少张脸。同一张脸被点击的次数无法计数。

我已经学会了如何创建增量计数器函数。此功能允许玩家点击图像，每次点击图像时计数器将增加一。

这就是我创建的函数。

var counter=0;
 function incrementCounter() {
  counter+=1;
  console.log(counter);
}

有没有什么东西可以添加到功能中，每次点击图像时都可以在框中显示计数器？增量可以在控制台中查看（使用Chrome开发工具），但我不知道如何将其显示在浏览器上。

将其添加到您的incrementCounter函数中。

document.getElementById("counter-div").innerHTML = counter;

注意：你的incrementCounter函数似乎无法解释被点击的重复人脸，因为这是你任务的一部分，我想我会指出的。

<button onClick="incrementCounter()">Click</button>
<div id="display"><div>
var counter=0;
function incrementCounter() {
  counter+=1;
  document.getElementById("display").innerHTML = counter;
}

这是一把工作小提琴：

http://jsfiddle.net/va12d766/

相关文章：