我怎样才能得到一个段落的文本，然后把它变成一个整数HTML

Question

我有一个简单的段落： <p id="amt1">0</p> 并呼吁增加为量的按钮： <button id="addbtn1">+</button> 我希望它这样当我按下按钮时，段落中的文本更新为1，并在按下后再次更新为两个

任何帮助都会很棒！谢谢！

Answer 1

HTML：

<p id="counter">0</p> 
<button id="add">Add</button> 

的Javascript（移除代码中的注释，以制定出小提琴的）：

//onload = function() { 
    counter = document.getElementById('counter') 
    add = document.getElementById('add') 
    add.onclick = function() { 
    counter.innerHTML = counter.innerHTML-0 +1 
    } 
//} 

小提琴：https://jsfiddle.net/grabantot/o9v1cw7L/

Answer 2

http://codepen.io/anon/pen/JGxvZg

$('#plus').click(function(){ 
     var x = Number($('#result').html()); 
     $('#result').html(x+1); 
    }); 

Answer 3

var txtNode = document.querySelector('#number'); 
var btn = document.querySelector('#btn'); 
var count = 0; 

btn.addEventListener('click', function() { 
    txtNode.innerHTML = 'Number: ' + count++; 
}, false); 

基本上你创建按钮按钮/输入元素，AP标签（或其他元素，你要保持数）和两种元素保存到使用querySelector变量（或任何其他吸气剂）。

然后我所做的就是初始化一个计数器变量。

接下来，我将所谓的EventListener添加到按钮元素。这些用于执行事件，因此当您单击时，传递的任何函数都会在点击时执行。在这里，我只是把p标记的innerHTML设置为计数器变量，后面跟着++运算符（表示+1）。每次你点击它，就会把计数器变量加1。

希望这有助于。

这里有一个JSBIN：http://jsbin.com/puxefaxuki/edit?js,console,output