JavaScript/실습

실습 - 조건체크하기

yunajoe 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>