-
실습 - 조건체크하기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 > 실습' 카테고리의 다른 글
실습 - 팩토리얼만들기 (0) 2023.01.14 실습 - 구구단만들기 (0) 2023.01.08 실습 - 나이 계산 프로그램 만들기 (0) 2023.01.07 실습 - 자리배치도만들기 (0) 2023.01.07 실습 - 3의배수 alert창 만들기 (0) 2023.01.06