Dasar-Dasar Bekerja dengan DOM di JavaScript

Dalam pelajaran sebelumnya, kita mempelajari kemampuan dasar bahasa JavaScript. Mulai dari pelajaran ini kita akan melakukan hal yang sebenarnya menjadi tujuan JavaScript - kita akan mengubah elemen halaman HTML dan bereaksi terhadap tindakan pengguna. Skrip kita akan menjadi lebih menarik dan berguna.

Dalam semua pelajaran berikutnya, kode JavaScript Anda harus ditempatkan di bawah kode HTML yang diaksesnya. Artinya struktur kode Anda harus terlihat seperti berikut:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		tag html Anda
		
		<script>
			kode JavaScript Anda
		</script>
	</body>
</html>

Atau seperti berikut, jika Anda menulis kode JavaScript di file terpisah:

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

Selanjutnya, untuk singkatnya saya tidak akan menampilkan kode lengkap, tetapi hanya menunjukkan apa yang perlu ditulis di bagian HTML, dan apa - di bagian JavaScript.

Buat file dengan struktur kode yang ditentukan.