04. 제어문(조건문,반복문)

 

 

1. 조건문 - if문

    <input type="text" id="inputValue" name="inputValue">
    <br>
    <button onclick="test();">제출(숫자입력)</button>
    <script>
        function test() {
            var value = document.getElementById('inputValue').value;

            if (isNaN(value) == true) {
                alert('숫자가 아닙니다!');
                return;
            }

            if (value > 0) {
                alert('양수입니다.');
            } else if (value < 0) {
                alert('음수입니다.');
            } else {
                alert('0입니다.');
            }
        }
    </script>

 

 

2. 조건문 - switch문

    <input type="text" id="inputValue2" name="inputValue2">
    <br>
    <button onclick="test2();">제출</button>
    <script>
        function test2() {
            var value = document.getElementById('inputValue2').value;

            switch (value) {
                case '1':
                case '2':
                case '3':
                    alert('1~3입니다.');
                    break;
                case '10':
                    alert('10입니다.');
                    break;
                default:
                    alert('알수 없는 값입니다.');
                    break;
            }
        }
    </script>

 

3. 반복문 - for

    <input type="text" id="inputValue3" name="inputValue3" hint="시작">
    <input type="text" id="inputValue4" name="inputValue4" hint="종료">
    <button onclick="test3()">버튼</button>

    <script>
        function test3() {
            var value1 = document.getElementById("inputValue3").value;
            var value2 = document.getElementById("inputValue4").value;

            // 기본 문법!
            for (let i = 0; i < 10; i++) {
                console.log(i);
            }

            // 시작 + 끝 값 까지 더하기 sum
            var sum = 0;
            for (let i = value1; i <= value2; i++) { // 문자 type도 반복문이 가능하다!
                sum += Number(i);
            }
            alert('sum : ' + sum);

        }
    </script>

 

4. 반복문 - while

    <input type="number" id="inputValue5" name="inputValue5">
    <input type="number" id="inputValue6" name="inputValue6">
    <button onclick="test4()">버튼</button>

    <script>
        function test4() {
            var value1 = document.getElementById('inputValue5').value;
            var value2 = document.getElementById('inputValue6').value;

            // 기본문법
            let i = 0;
            while (i < 10) {
                console.log(i);
                i++;
            }

            var sum = 0;
            i = value1;
            while (i <= value2) {
                sum += Number(i);
                i++;
            }
            alert('sum : ' + sum);
        }
    </script>

---

"본 인터넷 사이트 내의 모든 이미지, 문구, 콘텐츠, 내용 등에 대한 저작권은 76beny에게 있습니다.

이를 무단으로 도용, 복사, 전재, 재배포, 2차 변형 등을 할 경우

민, 형사상 법적 조치 등 저작권법에 의거하여 처벌 받을 수 있습니다."