Javascriptを追加電卓

Question

enter image description here

は、どのように私は、HTMLでこれを作成するのです。 ユーザーがテキストボックスに値を入力して[追加]ボタンをクリックすると、テキストボックスが空になり、追加ボタンが無効になります。ユーザーは2番目の値を入力し、テキストボックスに結果を示す=ボタンをクリックします。

Answer 1

それはあなたが正確に質問に基づいて、しかし私はあなたの問題を解決するか、うまくいけば、あなたとアイデアを提供しなければならないあなたのための基本的なフィドル用意しました望んされているかを理解するのはとても難しい：

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> 

を

jqueryを使用しているjavascript：

$("#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); 

})