본문 바로가기

html+CSS+JS/Java Script

[초보자용 Java Script] 선택문 - switch

반응형
제어문

프로그램의 흐름을 제어함 (조건문, 선택문, 반복문)

 

 

선택문 - switch문

var 변수 = prompt("지정값1, 지정값2 중에서 선택하시오.");

switch(변수) {case "지정값1": 표기될 값; break; case "지정값1": 표기될 값;}; 

 

var : 변수 설정

prompt : 알림창에 문장과 함께 사용자에게서 값을 받음

switch : 변수 값에 따라 표기할 것을 정해줌

case : 변수마다 나타날 값을 표기함

break : 모든 값이 다 표기되는 사태를 막아줌

 

 

네이버, 다음, 네이트, 구글의 변수에 따라 사이트가 뜨도록 만듦.

 var site = prompt("네이버, 다음, 네이트, 구글 중에서~?",""); 

prompt를 통해 '네이버, 다음, 네이트, 구글 중에서~?'라는 알림창을 띄우고, 사용자가 적은 값을 변수 'site'로 지정

 var url

변수 'url'을 선언.

 switch(site) { 

변수 site값에 따라 내놓는 결과를 다르게 할 것

    case "네이버" : url="www.naver.com" ; 

받은 값(=변수 site)이 '네이버'라면 'www.naver.com'을  변수 url의 값으로 설정

    break ; 

받은 값이 '네이버'라면 여기서 중지(다음 활동들을 하지 않음)

~이렇게 반복~

    default : alert("보기 중에 없는 사이트입니다." ; 

받은 값이 위의 4가지 case 중에 하나도 없으면 경고창이 뜸 "보기 중에~."

 } ; 

switch를 닫아줌

 if(url) {location.href = "http://" + url ; } ; 

만약 변수 url이 참(=값을 가짐)이면 'http://'뒤에 url값을 추가한 링크로 이어짐.

 

 

반응형