我怎樣才能得到一個段落的文本，然後把它變成一個整數HTML

我有一個簡單的段落： <p id="amt1">0</p> 並呼籲增加爲量的按鈕： <button id="addbtn1">+</button> 我希望它這樣當我按下按鈕時，段落中的文本更新爲1，並在按下後再次更新爲兩個我怎樣才能得到一個段落的文本，然後把它變成一個整數HTML

任何幫助都會很棒！謝謝！

來源

2016-02-13 Ninad Naik

你已經嘗試了什麼？ –

請先添加一些代碼snnipet。 – WitVault

您應該先定義一個'onClick'事件處理程序。 – mustaccio

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/

來源

2016-02-13 15:45:06 grabantot

感謝它的工作！ –

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

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

來源

2016-02-13 15:34:05

感謝您的幫助 –

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

來源

2016-02-13 15:41:53 Laere

感謝您的幫助 –

我怎樣才能得到一個段落的文本，然後把它變成一個整數HTML

回答

相關問題