Javascript加法计算器

时间:2016-07-17 10:30:58

标签: javascript html

enter image description here

我如何在html中创建它。 当用户在文本框中输入值并单击“添加”按钮时,文本框变为空,并且禁用添加按钮。然后用户输入第二个值并单击=按钮,在文本框中显示结果。

1 个答案:

答案 0 :(得分:0)

根据问题很难理解你究竟想要什么,但是我已经为你准备了一个基本的小提琴,可以解决你的问题,或希望能给你和想法:

https://jsfiddle.net/Lzg5rfgr/

<table>
  <tr>
    <td>
      <input type="number" id="userNumber">
    </td>
  </tr>
  <tr>
    <td>
      <button id="plus">+</button>
    </td>
    <td>
      <span id="enteredNumber"></span>
    </td>
  </tr>
  <tr>
    <td>=</td>
    <td>
      <span id="result">0</span>
    </td>
  </tr>
</table>

javascript使用jquery:

$("#plus").on('click', function(){
  var num = parseInt($("#userNumber").val()); // get the number
  $("#result").html(num + parseInt( $("#result").html()) );
  $("#userNumber").val(null); // empty the input box
  $("#enteredNumber").html(num);

})