JavaScript-এ DOM নিয়ে কাজ করার বুনিয়াদ

পূর্ববর্তী পাঠগুলোতে আমরা JavaScript ভাষার মৌলিক সামর্থ্য নিয়ে অধ্যয়ন করেছি। এই পাঠ থেকে শুরু করে আমরা যে কাজের জন্য মূলত JavaScript তৈরি হয়েছে সেটি নিয়ে কাজ করব - আমরা HTML পৃষ্ঠার উপাদানগুলো পরিবর্তন করব এবং ব্যবহারকারীর কর্মের প্রতি সাড়া দেব। আমাদের স্ক্রিপ্টগুলি আরও দর্শনীয় এবং দরকারী হয়ে উঠবে।

নিম্নলিখিত সমস্ত পাঠে আপনার JavaScript কোডটি সেই HTML কোডের নীচে স্থাপন করা উচিত, যার সাথে এটি যোগাযোগ করে। অর্থাৎ, আপনার কোডের গঠনটি নিম্নরূপ হওয়া উচিত:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		আপনার html ট্যাগগুলি
		
		<script>
			আপনার JavaScript কোড
		</script>
	</body>
</html>

অথবা নিম্নরূপ, যদি আপনি আলাদা ফাইলে JavaScript কোড লিখেন:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		আপনার html ট্যাগগুলি
		
		<script src="index.js"></script>
	</body>
</html>

পরবর্তীতে সংক্ষিপ্ততার জন্য আমি সম্পূর্ণ কোড উপস্থাপন করব না, বরং শুধু ইঙ্গিত করব যে HTML অংশে কী লিখতে হবে, আর কী - JavaScript অংশে।

উল্লিখিত কোড গঠন সহ একটি ফাইল তৈরি করুন।