09.03(2) | Notion

web02 프로젝트 새로이 생성 + index.html 생성

※ 다른 언어와 마찬가지로, Javascript 또한 대소문자 구분함

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript">
	
	// 문자열을 저장하는 변수 선언
	var str = "jsp";
	
	// 정수를 저장하는 변수 선언
	var num;
	
	// if 문
	if(str == "java"){
		document.write("<p>java</p>"); // <p> 태그 (paragraph) : '절' 출력 + 자동 줄 바꿈
	} else if(str == "jsp"){
		document.write("<p>jsp</p>");
	} else if(str == "HTML"){
		document.write("<p>HTML</p>");
	} else { // java, jsp, HTML이 아닌 문자열로 초기화 시
		alert ("Unknown String");
	}
	
	</script>

</body>
</html>

@ 설명

[출력]

jsp

문자열 입력 창 생성

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
	
	var str = "jsp";
	
	var num;
	
	if(str == "java"){
		document.write("<p>java</p>");  
	} else if(str == "jsp"){
		document.write("<p>jsp</p>");
	} else if(str == "HTML"){
		document.write("<p>HTML</p>");
	} else { 
		alert ("Unknown String");
	}
	
	</script>
</head>
<body>
	<label>문자열 입력하세요</label>
	<input />
</body>
</html>