javascript - 如何制作一个每次单击时显示加 1 的按钮?

标签 javascript html button

如何制作一个按钮,每次单击该按钮时都会在显示中添加一个? (请使用 HTML 或 JavaScript?)

我可能应该澄清“显示”。我的意思是像屏幕上某处出现的数字。

这可能吗?

最佳答案

您可以从以下内容开始:

let count = 0;
button.addEventListener("click", () => {
  result.textContent = count + 1;
  count++;
});
<div id="result">0</div>
<button id="button">Add 1</button>

为了使其在浏览器中工作,请创建一个 HTML 文件,例如 index.html 并向其中添加以下内容:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="result">0</div>
    <button id="button">Add 1</button>
    <script>
      let count = 0;
      button.addEventListener("click", () => {
        result.textContent = count + 1;
        count++;
      });
    </script>
  </body>
</html>

然后您可以使用浏览器打开该文件,这应该是一个很好的起点。

关于javascript - 如何制作一个每次单击时显示加 1 的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61354947/

相关文章:

html - 如何在实时网站上强制刷新背景图像?

javascript - jquerymobile动态更改按钮问题的文本

xml - Ofbiz:一张表单有两个提交按钮,有两个不同的目标

Javascript 音频文件 "previous/next"文件/歌曲跳过功能?

android - android中按钮的背景图像

javascript - VueJS 和 Laravel,当用户离开屏幕时执行发布请求

javascript - 使用 ui-sref 确认对话框无法与链接元素正常工作

javascript - 在选择下拉列表中显示嵌套的 json

javascript - RethinkDB 和 Node.js/Express - 为并行查询打开多个连接?

php - 第一次访问后,使用 PHP cookie 自动填充以前用户输入的表单?