Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/svn/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript加法计算器_Javascript_Html - Fatal编程技术网

Javascript加法计算器

Javascript加法计算器,javascript,html,Javascript,Html,我如何在html中创建它。 当用户在文本框中输入值并单击“添加”按钮时,文本框变为空,添加按钮将被禁用。然后用户输入第二个值并单击在文本框中显示结果的=按钮 基于这个问题,很难理解你们到底想要什么,但我已经为你们准备了一个基本的提琴,可以解决你们的问题,或者希望能给你们一些建议和想法: 欢迎来到SO!请花一些时间了解询问的内容和方式。到目前为止您尝试了什么?我希望当用户在textbox中输入一个值,然后单击+按钮,然后textbox变为空,然后用户将从同一个textbox中输入第二个值,然后单

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

基于这个问题,很难理解你们到底想要什么,但我已经为你们准备了一个基本的提琴,可以解决你们的问题,或者希望能给你们一些建议和想法:


欢迎来到SO!请花一些时间了解询问的内容和方式。到目前为止您尝试了什么?我希望当用户在textbox中输入一个值,然后单击+按钮,然后textbox变为空,然后用户将从同一个textbox中输入第二个值,然后单击=按钮,这将在textbox中显示结果。
<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>
$("#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);

})