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>