Question

我有一个简单的段落： require 'oci8' oci = OCI8.new('system','prasad','127.0.0.1:1521') oci.exec("CREATE TABLE states1 ( id CHAR(2) PRIMARY KEY, name VARCHAR2(15) NOT NULL, capital VARCHAR2(25) NOT NULL)") 并有一个调用按钮添加到金额： <p id="amt1">0</p> 我想这样，当我按下按钮时，段落中的文字更新为1，再次按下它后更新为两个

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

Answer 1

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

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

Answer 2

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添加到button元素中。这些用于执行事件，因此当您单击时，传递的任何函数都将在单击时执行。这里我只是将p标签的innerHTML设置为带有++运算符的计数器变量（表示+1）。每次单击它都会向计数器变量添加1。

希望这会有所帮助。

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

Answer 3

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/

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

3 个答案: