JavaScript 실습문제 4. 간이 계산기 만들기

위의 형태대로 값을 입력받아 간이 계산기 만들기

<div id="div1">
        첫번째 값 : <input type="number" name="num1" id="num1"><br>
        두번째 값 : <input type="number" name="num2" id="num2"><br><br>

        <input type="button" name="plus" value="+" onclick= "calculator(this.value);">
        <input type="button" name="minus" value="-" onclick= "calculator(this.value);">
        <input type="button" name="multiplication" value="x" onclick="calculator(this.value);">
        <input type="button" name="division" value="/" onclick="calculator(this.value);">
        <input type="button" name="remainder" value="%" onclick="calculator(this.value);">

    </div>
    <br>
    <div id="div2">계산결과 : </div>    

    <script>
        function calculator(val){
            const num1 = document.getElementById("num1").value;
            const num2 = document.getElementById("num2").value;
           
            const div2 = document.querySelector("#div2");
            let result = 0;

            switch(val){
                case "+" : result= parseInt(num1) + parseInt(num2); break;
                case "-" : result=parseInt(num1) - parseInt(num2); break;
                case "x" : result=parseInt(num1) * parseInt(num2); break;
                case "/" : result=parseInt(num1) / parseInt(num2); break;
                case "%" : result=parseInt(num1) % parseInt(num2); break;
                default : break;
            }

            div2.innerHTML = "계산결과 : "+ result ;

            

        }
    </script>

첫번째 값 :
두번째 값 :

계산결과 :