添加div和输入框

时间:2017-07-06 21:00:30

标签: javascript html

我希望能够快速计算我添加div和输入的内容。我可以用2个输入做到这一点,但无法弄清楚如何这样做。我的编码尝试让我来到这里:



var one = document.getElementById('one'),
  two = document.getElementById('calculate'),
  total = document.getElementById('total');
document.getElementById('calculate').onchange = function() {
  total.innerHTML = parseInt(one.innerHTML) + parseInt(two.innerHMTL);
};

<div id="one">11</div>

<input type=number value=2 id="calculate">

<div id="total">0</div>
&#13;
&#13;
&#13;

我尝试更改&#34; parseInt(two.innerHTML)&#34; to&#34; parseInt(two)&#34;但它没有成功。我收到NotANumber / NaN错误。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:2)

由于您的twoinput标记,因此它没有innerHTML。请改用value属性。所以它看起来像这样:

document.getElementById('calculate').onchange = function() {
    total.innerHTML = parseInt(one.innerHTML) + parseInt(two.value);
};

答案 1 :(得分:0)

要从输入标记获取值,请使用.value document.getElementById('input').value

因此,在您的情况下,请尝试parseInt(two.value)