Cơ bản về làm việc với DOM trong JavaScript

Trong các bài học trước, chúng ta đã nghiên cứu các khả năng cơ bản của ngôn ngữ JavaScript. Bắt đầu từ bài học này, chúng ta sẽ bắt tay vào việc mà JavaScript thực sự được tạo ra - chúng ta sẽ thay đổi các phần tử HTML của trang và phản ứng với hành động của người dùng. Các script của chúng ta sẽ trở nên trực quan hơn và hữu ích hơn.

Trong tất cả các bài học tiếp theo, mã JavaScript của bạn phải được đặt bên dưới mã HTML mà nó truy cập đến. Tức là cấu trúc mã của bạn phải trông như sau:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		các thẻ html của bạn
		
		<script>
			mã JavaScript của bạn
		</script>
	</body>
</html>

Hoặc như sau, nếu bạn viết mã JavaScript trong một tệp riêng biệt:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		các thẻ html của bạn
		
		<script src="index.js"></script>
	</body>
</html>

Để ngắn gọn, sau này tôi sẽ không trình bày mã đầy đủ, mà sẽ chỉ đơn giản chỉ ra rằng cần viết gì trong phần HTML, và cái gì - trong phần JavaScript.

Tạo một tệp với cấu trúc mã đã chỉ định.