Renewal·서른의 생활코딩

Sample Source 2) JavaScript Basics (Switch-Case Statement)

April 8, 2011·1 min read

cover image

switch-case statement

1) A script that reacts to a specific value entered by the user or a value set initially. The example below is the first one, so it uses an initial setting.

var menu=1; >> therefore >> case 1:won=1000; >> resulting in >>
in the end "1000" is printed in the window.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> switch-case statement 1 </title>

</head>

<body>

// syntax used when values do not overlap

//<!CDATA[

var menu=1;

switch(menu){

case 1:won=1000;

break;

case 2:won=2000;

break;

case 3:won=3000;

break;

default:won=4000;

break;

}

document.write(won);

//]]]]>

</script>

</body>

</html>switch-case statement 2) A script that reacts to a specific value entered by the user or a value set initially. The example below is the second one, so it uses a bit more application. 1. Ask for the blood type. (=prompt) 2. follow bl in switch(bl), and the result is derived based on the case the user entered.

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">

	<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
	<title> switch-case statement 2 </title>
	</head>

	<body>

	<script type="text/javascript">
	//<!CDATA[

	// syntax used when values do not overlap

	var bl=prompt("blood type?","enter in lowercase");

	switch(bl){
	case "a":bl_text="timid";
	break;
	case "b":bl_text="moody";
	break;
	case "o":bl_text="hot-tempered";
	break;
	case "ab":bl_text="quirky";
	break;
	default:bl_text="Invalid blood type.";
	break;
	}
	document.write(bl_text);

	//]]]]>
	</script>

	</body>
	</html>

This English version was translated by Claude.

#//#CDATA #JavaScript #Noscript #소스공개 #자바스크립트 #자바스크립트 공부 #자바스크립트 기초 #자바스크립트 기초강의 #자바스크립트 스터디 #자바스크립트 예제

Written by

친절한 찰쓰씨

Pleasant Charles — UI/UX researcher at AIT. Keeping notes on design, planning, and slow days here since 2010.

Keep reading

Renewal

Sample Source 2) JavaScript Basics (Switch-Case Statement)

Keep reading

Why You Should Use .html Instead of .md Seeing Is Believing

The Most Important Thing About AX

디지털 기술과 혁신에 대한 논고(지탱하는 힘)