JavaScript에서 DOM 작업의 기초

이전 수업들에서 우리는 JavaScript 언어의 기본적인 기능들을 공부했습니다. 이 수업부터 우리는 JavaScript가 실제로 의도된 목적, 즉 HTML 페이지의 요소를 변경하고 사용자의 동작에 반응하는 일을 시작할 것입니다. 우리의 스크립트는 더욱 흥미롭고 유용해질 것입니다.

다음 모든 수업에서 여러분의 JavaScript 코드는 그것이 접근하는 HTML 코드 아래에 위치해야 합니다. 즉, 여러분의 코드 구조는 다음과 같이 보여야 합니다:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		your html tags
		
		<script>
			your JavaScript code
		</script>
	</body>
</html>

또는, 별도의 파일에 JavaScript 코드를 작성하는 경우 다음과 같이 해야 합니다:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		your html tags
		
		<script src="index.js"></script>
	</body>
</html>

앞으로 간결함을 위해 전체 코드를 인용하지 않고, HTML 부분에 무엇을 써야 하고, JavaScript 부분에 무엇을 써야 하는지 간단히 지시할 것입니다.

지시된 코드 구조를 가진 파일을 만드세요.