如何制作一个按钮,每次单击该按钮时都会在显示中添加一个? (请使用 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/