JavaScript-এ এলিমেন্টের HTML কোড নিয়ে কাজ

DOM এলিমেন্টের innerHTML বৈশিষ্ট্য রয়েছে, যা এই এলিমেন্টগুলোর HTML কোড পড়তে দেয়। আসুন একটি উদাহরণ দেখি। ধরা যাক আমাদের নিম্নলিখিত ট্যাগ আছে:

html<p id="elem"><b>text</b></p>

চলুন এই ট্যাগটির একটি রেফারেন্স পাই একটি ভেরিয়েবলে:

javascriptlet elem = document.querySelector('#elem');

ট্যাগের HTML কোড পড়ি:

javascriptconsole.log(elem.innerHTML); // আউটপুট দেবে <b>text</b>

ট্যাগের টেক্সট পরিবর্তন করি:

javascriptelem.innerHTML = '<i>!!!</i>';
Задание 1

একটি প্যারাগ্রাফ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে প্যারাগ্রাফের HTML কোড পড়ুন এবং এটি কনসোলে আউটপুট দিন।

Задание 2

একটি প্যারাগ্রাফ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে প্যারাগ্রাফে নতুন টেক্সট লিখুন যাতে তা বোল্ড হয়।