Javascript 增加单击按钮时的计数_Javascript_Html

Javascript 增加单击按钮时的计数

javascript html

Javascript 增加单击按钮时的计数,javascript,html,Javascript,Html,通过default，index的值是0，现在我有两个按钮，当我单击按钮2或1时，index的值应该增加。单击的第二个按钮的值应为向前一个。。。类似的第三个等等。你的问题不清楚，但我认为你在寻找这样的东西 var index = 0; 指数=0；增量=函数（）{index++；} 按钮1 按钮2 var指数=0； 1. 2. var指数=0；作为回应按钮1 按钮2 演示：您需要一个函数来实现这一点： <html> <head> <script typ

通过default，index的值是0，现在我有两个按钮，当我单击按钮2或1时，index的值应该增加。单击的第二个按钮的值应为向前一个。。。类似的第三个等等。

你的问题不清楚，但我认为你在寻找这样的东西

var index = 0;


指数=0；
增量=函数（）{index++；}
按钮1
按钮2


var指数=0；
1.
2.


var指数=0；
作为回应
按钮1
按钮2

演示：

您需要一个函数来实现这一点：

<html>
<head>
<script type="text/javascript">
 var index = 0;
</script>
</head>
<body>
In response to <a href="http://stackoverflow.com/questions/5736860/incrementing-the-count-on-click-of-button">theJava's question at StackOverflow</a>
<button onclick="index = index + 1;document.getElementById('tb').value = index;">Button1</button>
<button onclick="index = index + 1;document.getElementById('tb').value=index;">Button2</button>
<input type="text" id="tb"/>
</body>
</html>

这假设您的

索引

变量是全局变量

接下来您需要做的是等待

单击事件。在JavaScript中有三种方法可以做到这一点
内联JavaScript
function incrementIndex() {
    index += 1;
}

请注意，在该示例中，incrementIndex
的末尾没有括号（）

事件侦听器
事件处理程序的问题是一次只能附加一个函数。如果要让其他JavaScript监听按钮单击，则必须使用事件侦听器
但是事件监听器是一个主要的麻烦，因为IE6-8做得不对，而且（取决于项目），您可能需要围绕它编写代码。最简单的是，以下是如何在大多数浏览器中添加事件侦听器：
var buttons = document.getElementsByTagName('button');
buttons[0].onclick = buttons[1].onclick = incrementIndex;

这只是跨浏览器事件侦听的表面。如果你想了解更多，就去学吧
正如@Brandon所说，这个问题并不十分清楚。据我所知，你要求的是这样的东西。我说得对吗？这是硬编码的，但我想确定我理解你的问题
var addEvent = window.addEventListener ? function (elem, type, method) {
    elem.addEventListener(type, method, false);
} : function (elem, type, method) {
    elem.attachEvent('on' + type, method);
};

addEvent(buttons[0], 'click', incrementIndex);
addEvent(buttons[1], 'click', incrementIndex);


var指数=0；
函数增量（var1）
{
索引++；
if（var1==1）
{document.getElementById（'button1'）。value=index；}
其他的
{document.getElementById（'button2'）。value=index；}
}
这可能就是您要找的

<button onclick="incrementIndex()">Button 1</button>
<button onclick="incrementIndex()">Button 2</button>

var buttons = document.getElementsByTagName('button');
buttons[0].onclick = buttons[1].onclick = incrementIndex;

var addEvent = window.addEventListener ? function (elem, type, method) {
    elem.addEventListener(type, method, false);
} : function (elem, type, method) {
    elem.attachEvent('on' + type, method);
};

addEvent(buttons[0], 'click', incrementIndex);
addEvent(buttons[1], 'click', incrementIndex);

<script type="text/javascript">
var index = 0;

function increment(var1)
{
   index++;
   if(var1 == 1)
   { document.getElementById('button1').value=index; }
   else
   { document.getElementById('button2').value=index; }

}
</script>

<input type="button" id="button1" onclick="increment(1)" value="increment me!"/>
<input type="button" id="button2" onclick="increment(2)" value="increment me!"/>

document.getElementById('btn').addEventListener('click', function(){
  var i = document.getElementById("like").innerHTML;
  i++;
    document.getElementById("like").innerHTML = i;
})

document.getElementById('btn2').addEventListener('click', function(){
  var i = document.getElementById("like").innerHTML;
 i++

    document.getElementById("like").innerHTML = i;
})