-
자바스크립트 계산기Web/Js 2017. 11. 17. 00:53반응형
자바스크립트 계산기 코드
<article> VAL: <span id='val'></span><br> <input type="text" id="tx_result"> <br> <input type="button" id="n0" value="0" class='number'> <input type="button" id="n1" value="1" class='number'> <input type="button" id="n2" value="2" class='number'> <br> <input type="button" id="n3" value="3" class='number'> <input type="button" id="n4" value="4" class='number'> <input type="button" id="n5" value="5" class='number'> <br> <input type="button" id="n6" value="6" class='number'> <input type="button" id="n7" value="7" class='number'> <input type="button" id="n8" value="8" class='number'> <br> <input type="button" id="n9" value="9" class='number'> <input type="button" id="c" value="C"> <input type="button" id="ce" value="CE"> <br> <input type="button" id="np" value="+"> <input type="button" id="nm" value="-"> <input type="button" id="nr" value="="> </article> <br> <script id="jsbin-javascript"> $(function() { $("#c").click(function() { $("#tx_result").val("0"); }) $(".number").click(function() { var result = $("#tx_result").val(); result += $(this).val(); $("#tx_result").val(result); }) var val = 0; var calc = '+'; $("#np").click(function() { if (calc == '+') val += parseInt($("#tx_result").val()); if (calc == '-') val -= parseInt($("#tx_result").val()); $("#val").text(val); $("#tx_result").val('0'); calc = '+'; }) $("#nm").click(function() { if (calc == '+') val += parseInt($("#tx_result").val()); if (calc == '-') val -= parseInt($("#tx_result").val()); $("#val").text(val); $("#tx_result").val('0'); calc = '-'; }) $("#nr").click(function() { if (calc == '+') val += parseInt($("#tx_result").val()); if (calc == '-') val -= parseInt($("#tx_result").val()); $("#val").text(val); $("#tx_result").val(val); }) $("#ce").click(function() { val = 0; $("#val").text(val); $("#tx_result").val(val); }) }) </script> 반응형'Web > Js' 카테고리의 다른 글
React 사용 중인 프로젝트에 TypeScript 사용하기 (0) 2020.03.05 JQuery - Html5 data-, Travarsing, Shadow DOM (0) 2018.09.04 js 주석처리 (0) 2018.07.10 자바스크립트 오전/오후 원하는 날짜 시간 (0) 2017.09.27 오에카키 (0) 2017.09.27 댓글