জাভাস্ক্রিপ্টে এলিমেন্টের টেক্সট নিয়ে কাজ

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

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

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

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

ট্যাগের টেক্সট পড়া যাক:

javascriptconsole.log(elem.textContent);

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

javascriptelem.textContent = '!!!';
Задание 1

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

Задание 2

একটি অনুচ্ছেদ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে অনুচ্ছেদে একটি নতুন টেক্সট লিখুন।

Задание 3

দুটি অনুচ্ছেদ দেওয়া আছে, যাদের টেক্সট是一些 সংখ্যা, এবং একটি বাটন। বাটনে ক্লিক করলে সংরক্ষিত সংখ্যাগুলির যোগফল প্রদর্শন করুন।

Задание 4

সংখ্যা সহ তিনটি অনুচ্ছেদ, একটি div, এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে div-এর টেক্সটে সংখ্যাগুলির যোগফল লিখুন।

Задание 5

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

Задание 6

টেক্সট সহ একটি অনুচ্ছেদ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে অনুচ্ছেদের টেক্সটের শেষে একটি বিস্ময়বোধক চিহ্ন যোগ করুন।