자바스크립트 함수질문

JavaScript
1

안녕하세요! 자바스크립트로 계산기를 또다시(?) 만들어보았습니다.
그런데 작동이 안되서 질문드립니다. 크롬의 개발자도구 디버그를 해보았는데.
문제가 잡히지 않아 이유를 모르겠습니다.

처음으로 function Calc(type)을 이용해서 이전 코드보다 단축시켜 작성해보았는데.
어디가 틀리고 잘못된것인지 알고싶습니다.

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Calculator</title>

<script>

    function Calc(type) {

        var x = document.getElementById('x').value;

        var y = document.getElementById('y').value;

        result = document.getElementById('result').value;

        if (type === 1) {

            result = parseInt(x) + parseInt(y);

        }

        else if (type === 2) {

            result = parseInt(x) - parseInt(y);

        }

        else if (type === 3) {

            result = parseInt(x) * parseInt(y);

        }

        else if (type === 4) {

            result = parseInt(x) / parseInt(y);

        }

    }

</script>

<form name = 'calculator'>

    첫번째 숫자 : <input type="text" id="x"> <br>

    두번째 숫자 : <input type="text" id="y"> <br>

    <input type="button" value="+" onclick="Calc(1);">

    <input type="button" value="-" onclick="Calc(2);">

    <input type="button" value="X" onclick="Calc(3);">

    <input type="button" value="/" onclick="Calc(4);"> <br>

    결과값 : <input type="text" id = "result">

</form>
2

result에 지정할 대상을 잘못 지정하셨네요. .value는 문자열 값을 리턴하는지라 result에는 처음 있는 문자열 값인 ""가 저장될 겁니다. 대신에 result = document.getElementById(‘result’);로 저장하고 result.value = "들어갈 식"으로 해야 id가 result인 객체의 value가 바뀔 겁니다.