자바 스크립트 추가 계산기

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> 

을

자바 스크립트를 사용 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); 

})