[JavaScript] 조건문

[조건문 활용하기]

    <input type="text" id="msg" value="msg">

    <button onclick="checkMsg();">메세지 확인</button>

    <div id="container"></div>

    <div id="data"></div>

        //input에 있는 값을 가져와서 

        //그 값이 1이면 div태그에 1입니다. 

        //그 값이 2이면 div태그에 2입니다.

        //그 값이 3이면 div태그에 3입니다.

        function checkMsg(){

            var ipMsg = document.getElementById("msg").value;

            var divCon = document.getElementById("container");

            var msg= "";

            switch(ipMsg.trim()){

                case "1" : msg="1입니다";break;

                case "2" : msg="2입니다";break;

                case "3" : msg="3입니다";break;

             }

             container.innerHTML=msg;

        }

[switch 문]

 //switch문의 비교 === 자료형까지 비교한다

        var val1 = 10;

        switch(val1){

            case "10" : console.log("10이다"+val1);break;

            case "20" : console.log("20이다"+val1);break;

            default : console.log("다른자료형은 안된다!");break;

        }

 //swtich문에 비교연산이 가능하다

        setInterval(function(){

            var container=document.getElementById("container");

            var date = new Date();

            container.innerHTML=date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();

            

            var min = new Date().getMinutes(); //현재시간의 분

            switch(true){

                case min>=50&&min<=59 : container.innerHTML+="<mark>쉬는시간</mark>";

                default : container.innerHTML+="<i>수업시간</i>";

            }

        },1000);//1초마다 refresh되서 재실행해줌