코밍이의 하루

[JS] 선택문 - Switch문 본문

웹언어 공부/JS

[JS] 선택문 - Switch문

코밍이 2021. 8. 10. 14:11

1. 개발환경

구분 내용
사용 언어 HTML5, JS
개발환경 Visual Studio Code
참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문
웹브라우저 Chrome

 

2. 주요 문법

1) switch문

- 여러 경우의 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 때 사용

기본형
var 변수=초깃값;
switch(변수){
  case 값1: 코드1;
  break;
  case 값2: 코드2;
  break;

  default: 코드3;
}

 

3. 소스 코드 및 실행 결과

- switch_1_test.html

 

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 선택문 </title>
<script>
	var site = prompt("네이버, 다음, 네이트, 구글 중 \
	즐겨 사용하는 포털 검색 사이트는?", "");
	var url;

	switch(site){
		case "구글" : url = "www.google.com";
		break;
		case "다음" : url = "www.daum.net";
		break;
		case "네이버" : url = "www.naver.com";
		break;
		case "네이트" : url = "www.nate.com";
		break;
		default: alert("보기 중에 없는 사이트입니다.")
	}

	if(url) location.href = "http://" + url;
</script>
</head>
<body>
</body>
</html>

switch_1_test.html

저작자표시 비영리 변경금지

'웹언어 공부 > JS' 카테고리의 다른 글

[JS] 반복문 - do-while문, for문  (0) 2021.08.10
[JS] 반복문 - while문  (0) 2021.08.10
[JS] 조건문 - else if문, 중첩 if문  (0) 2021.08.10
[JS] 조건문 - else문  (0) 2021.08.10
[JS] 조건문 - if 문  (1) 2021.08.10
'웹언어 공부/JS' Related Articles more