如何获取段落的文本，然后将其转换为 HTML 中的整数

How can i get the text of a paragraph and then turn it into an integer in HTML

本文关键字：转换 整数 HTML 然后 文本 何获取 获取 段落      更新时间：2023-09-26

我有一个简单的段落： <p id="amt1">0</p>并调用一个按钮以添加到金额中： <button id="addbtn1">+</button>我希望当我按下按钮时，段落中的文本更新为 1，再次按下后更新为 2

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

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/

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

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

var txtNode = document.querySelector('#number');
var btn = document.querySelector('#btn');
var count = 0;
btn.addEventListener('click', function() {
  txtNode.innerHTML = 'Number: ' + count++;
}, false);

基本上，您为按钮创建一个按钮/输入元素，以及一个p标签（或您想要保存数字的任何元素），并使用querySelector（或任何其他getter）将这两个元素保存到变量中。

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

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

希望这有帮助。

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

相关文章：