我如何使一个按钮显示它的次数's已在javascript中单击
How do I make a button display the number of times it's been clicked in javascript?
我正在创建一个按钮,每次单击按钮后都需要更新状态栏以显示"You have generated numbers x times",其中x是自页面加载以来单击按钮的次数。I
以下是我到目前为止的全部代码(我正在制作一个随机数生成器):
<!DOCTYPE html>
<html>
<body>
<font face="Times New Roman" style="color:MediumOrchid">
<h1 align="left"> Play At Your Own Risk! </h1>
</font>
<button onclick="randomNum ()"> Please click the button to roll the dice </button>
<p id="demo"> </p>
<script>
function randomNum ()
{
var listOfNumbers=[];
var stringOutput="";
for (i=0;i<5;i++) {
listOfNumbers.push(Math.floor(Math.random()*59)+1);
stringOutput += listOfNumbers[i] + "";
}
document.getElementById("demo").innerHTML = stringOutput;
}
</script>
</body>
</html>
您可以创建一个全局变量来存储点击次数。在按钮的事件处理程序中,显示当前的单击并递增。JQuery是您的朋友:)
您不需要jQuery:
HTML
<button id="button">Clicked 0 times</button>
JS-
var count = 0;
var button = document.getElementById('button');
button.onclick = updateStatus;
function updateStatus() {
button.textContent = 'Clicked ' + ++count + ' times';
}
演示
这就是你想要的吗?
HTML代码:
<button id="btn">click</button>
<p id="num"></p>
JavaScript代码:
var btn = document.getElementById('btn'); //Grabs the button's ID
btn.addEventListener("click", points, false); //Adds an event listener to the button
var counts = 0; // counting starts with 0
function points(num) { // where the magic happens
counts++; // 0 gets increased by one every time the user clicks
num = document.getElementById('num');
num.innerHTML = counts; // displays the numbers
}
演示
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 在单击href链接的同时下载文件
- 使图像在单击时展开到不大于浏览器
- 如何在单击复选框后调用控制器方法
- 使用jquery在单击时在单元格中输入值
- Javascript onclick函数会立即调用(而不是在单击时调用)
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- JQuery在单击正文时隐藏上下文菜单
- OpenLayers在悬停时高亮显示功能,并在单击时选择
- 在单击按钮前后禁用提交按钮
- 边栏仅在单击外部时关闭单击
- JQuery在单击时停止显示/隐藏
- 在单击时过滤 JSON
- 在单击按钮之前,不会显示已编译的文本绑定
- 如何在单击复选框之前检查复选框是否已选中
- 如何在单击单选按钮后检查该按钮是否已选中
- FuelUX向导在单击'已完成'
- 如何在单击组合框中的选择项时启用已禁用的HTML表单元素
- 添加"current"类设置为已单击的元素,并在单击另一个元素时将其删除