Asas Pengendalian DOM dalam JavaScript

Dalam pelajaran sebelumnya, kita mempelajari asas kebolehan bahasa JavaScript. Bermula dari pelajaran ini kita akan fokuskan pada tujuan sebenar JavaScript diciptakan - kita akan mengubah elemen halaman HTML dan bertindak balas terhadap tindakan pengguna. Skrip kita akan menjadi lebih menarik dan berguna.

Dalam semua pelajaran seterusnya, kod JavaScript anda perlu diletakkan di bawah kod HTML yang dirujuknya. Maksudnya, struktur kod anda harus kelihatan seperti berikut:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		tag html anda
		
		<script>
			kod JavaScript anda
		</script>
	</body>
</html>

Atau seperti berikut, jika anda menulis kod JavaScript dalam fail berasingan:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		tag html anda
		
		<script src="index.js"></script>
	</body>
</html>

Selanjutnya, untuk ringkasnya saya tidak akan memberikan kod penuh, tetapi hanya menyatakan apa perlu ditulis dalam bahagian HTML, dan apa - dalam bahagian JavaScript.

Buat fail dengan struktur kod yang dinyatakan.