Javascript加法計算器

Question

enter image description here

如何在html中創建此項。 當用戶在文本框中輸入一個值並點擊添加按鈕時，文本框變空了，添加按鈕被禁用。然後用戶輸入第二個值並點擊=按鈕，在文本框中顯示結果。

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> 

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); 

})