무룩 공부방

[HTML] EX13) 조건문 if와 switch-case문(Notepad++/Java Script) 본문

IT/HTML

[HTML] EX13) 조건문 if와 switch-case문(Notepad++/Java Script)

moo_look 2023. 8. 26. 20:46

if와 switch-case의 사용법을 알아 보았습니다.

 

<Source code>

<!doctype html>
<html>
	<head>
		<title>문제~</title>
		<meta charset="utf-8">
		<script>
			let a= prompt("선택");
			
				if(a==0){
					alert(0);
				}
				if(a==1){
					alert(1);
				}
				if(a==2 || a==3){
					alert('2,3');
				}	
				if(a!=0 && a!=1 && a!=2 && a!=3){
					alert("번호는 0-3 중에서 선택");
				}
			
			switch(parseInt(a)){
				case 0 : 
					alert(0);
					break;
				case 1 :
					alert(1);
					break;
				case 2 : 
				case 3 : 
					alert('2,3');
					break;
				default : // case 값이 없을 때 실행
					alert("번호는 0-3 중에서 선택");
			}
		</script>
	</head>
	<body>
	</body>
</html>

 

if() 괄호() 안에 조건이 들어가고 조건이 참일때 if문 안으로 진입합니다.

 

if(a!=0 && a!=1 && a!=2 && a!=3){alert("번호는 0-3 중에서 선택");} 과 같은 문장으로 의도와 맞지않은 input이 생겼을 경우

의도에 맞는 input을 유도하거나 이전과정으로 돌리기 위한 과정을 유효성 검사라 하는데 프로그래밍에 있어서 예외의 경우나 오류가 발생할 수 있는 경우를 미리 생각해두고 방지하는것이 습관화 되면 좋을 것 같습니다. 

 

switch case문에서 switch뒤에 오는 조건안에는 조건식이 들어갈 수 있습니다.

다양한 case를 분리하여 처리하는데 사용하고 예외의 경우를 if문의 else와 같이 default를 활용할 수 있다.

 

 

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

[HTML] EX15) 배열 (Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX14) 함수와 매개변수(Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX12) 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
'IT/HTML' Related Articles more