我如何制作一个在每次单击时将1加到显示的按钮?

问题描述 投票:0回答:1

我如何制作一个按钮,使其在每次单击时都添加一个按钮?(请使用HTML或Javascript?)

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

这可能吗?

javascript html button
1个回答
1
投票

您可以从以下类似内容开始:

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>

然后您可以使用浏览器打开该文件,它应该是入门的好地方。

© www.soinside.com 2019 - 2024. All rights reserved.