ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 자바스크립트 계산기
    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

    댓글

Designed by Tistory.