무룩 공부방

[HTML] EX12) switch-case문(Notepad++/Java Script) 본문

IT/HTML

[HTML] EX12) switch-case문(Notepad++/Java Script)

moo_look 2023. 8. 26. 20:46

입력받고 입력받은 값에 해당하는 case문을 실행합니다.

 

<!doctype html>
<html>
	<head>
		<title>swich-case문</title>
		<meta charset="utf-8">
		<script>
			let sel = prompt("원하시는 번호 [1-5]를 선택하세요");
			switch (sel) { //break 필요
				case '1':
					alert("회원가입");
					break;
				case '2':
					alert("회원목록");
					break;
				case '3':
					alert("회원수정");
					break;
				case '4':
					alert("회원탈퇴");
					break;
				case '5': //parseInt를 안쓰려면 ''나 ""를써서 문자로 해줘야함
					alert("로그인");
					break;
				default :
					alert("번호는 1-5 번중에서 선택하세요");
			} 
		</script>
	</head>
	<body>
	</body>
</html>

prompt() 메서드를 통해 입력받은 값은 숫자를 입력해도 문자로 입력됨에 주의

'IT > HTML' 카테고리의 다른 글

[HTML] EX14) 함수와 매개변수(Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX13) 조건문 if와 switch-case문(Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX11) 업다운 게임 만들기 (Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX10) 함수와 매개변수(Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX9) 버튼 함수 제작 (Notepad++/Java Script)  (0) 2023.08.25
'IT/HTML' Related Articles more