HTML H1 এর মান JavaScript ভেরিয়েবলে কিভাবে নিবেন?

HTML H1 এলিমেন্টের টেক্সট বা HTML কন্টেন্ট JavaScript ভেরিয়েবলে সংরক্ষণ করার জন্য document.getElementById() মেথড ব্যবহার করা হয়। এটি ওয়েব ডেভেলপমেন্টে একটি মৌলিক ও গুরুত্বপূর্ণ কৌশল।

বেসিক সিনট্যাক্স

var variableName = document.getElementById('elementId').innerHTML;

সম্পূর্ণ উদাহরণ

নিচের উদাহরণে একটি H1 এলিমেন্ট থেকে টেক্সট নিয়ে কনসোলে প্রিন্ট করা হয়েছে।

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H1 মান পেতে JavaScript</title>
</head>
<body>
    <h1 id="demo">এটি JavaScript এর ডেমো প্রোগ্রাম...</h1>
    
    <script>
        var data = document.getElementById('demo').innerHTML;
        console.log("ডেটা হলো: " + data);
    </script>
</body>
</html>

চলানোর পদ্ধতি

1. উপরোক্ত কোডটি index.html নামে সংরক্ষণ করুন।
2. VS Code-এ ফাইলটি ওপেন করুন।
3. রাইট-ক্লিক করে "Open with Live Server" অপশনটি নির্বাচন করুন।
4. ব্রাউজারের কনসোল (F12 → Console) খুলে আউটপুট দেখুন।

আউটপুট

কনসোলে আউটপুট হবে: ডেটা হলো: এটি JavaScript এর ডেমো প্রোগ্রাম...

মনে রাখার বিষয়গুলো

• innerHTML এলিমেন্টের ভেতরের HTML কন্টেন্ট রিটার্ন করে।
• শুধু টেক্সট চাইলে textContent বা innerText ব্যবহার করুন।
• আইডি ইউনিক হতে হবে পুরো ডকুমেন্টে।