ABOUT ME

Today
Yesterday
Total
  • 실습 - 조건체크하기
    JavaScript/실습 2023. 1. 6. 18:27

    아래처럼 prompt 창을 만들고

    1번(마케팅)을 입력하면 '마케팅 세션은 201호 에서 진행됩니다' 

    2번(개발)을 입력하면 '개발 세션은 202호 에서 진행됩니다' 

    3번(디자인)을 입력하면 '디자인 세션은 203호 에서 진행됩니다' 

    나의풀이

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <h2 id="letter"></h2>
        <script>
            var session = prompt('관심 세션을 선택해주세요. 1-마케팅, 2-개발, 3-디자인'); 
            switch(session){
                case "1":
                    document.getElementById('letter').innerHTML = '마케팅 세션은 201호에서 진행됩니다'; 
                    break;
                case "2":
                    document.getElementById('letter').innerHTML = '개발 세션은 202호에서 진행됩니다'; 
                    break;
                case "3":
                    document.getElementById('letter').innerHTML = '디자인 세션은 203호에서 진행됩니다';   
                    break;
                default:
                    alert('1,2,3 번호중에서 선택해주세요'); 
            }
        </script>
    </body>
    </html>

     

    해설풀이 

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
            var session = prompt('관심 세션을 선택해 주세요. 1-마케팅, 2-개발, 3-디자인');
            
            switch(session){
                case "1" : document.write("<p>마케팅 세션은 <strong>201호</strong>에서 진행됩니다.</p>"); 
                    break; 
                case "2": document.write("<p>개발 세션은 <strong>202호</strong>에서 진행이됩니다</p>");
                    break; 
                case "3": document.write("<p>디자인 세션은 <strong>203호</strong>에서 진행이됩니다</p>");
                    break;
                default: alert('잘못입력하셨습니다');  
            }  
        </script>     
    </body>
    </html>

    'JavaScript > 실습' 카테고리의 다른 글

    댓글

Designed by Tistory.