জাভাস্ক্রিপ্টে এলিমেন্টের টেক্সট নিয়ে কাজ
DOM এলিমেন্টগুলির textContent নামক একটি বৈশিষ্ট্য রয়েছে,
যা তাদের টেক্সট পড়তে দেয়।
আসুন একটি উদাহরণ দেখি। ধরা যাক
আমাদের নিম্নলিখিত ট্যাগ আছে:
<p id="elem">text</p>
এই ট্যাগটির একটি রেফারেন্স একটি ভেরিয়েবলে নেওয়া যাক:
let elem = document.querySelector('#elem');
ট্যাগের টেক্সট পড়া যাক:
console.log(elem.textContent);
ট্যাগের টেক্সট পরিবর্তন করা যাক:
elem.textContent = '!!!';
একটি অনুচ্ছেদ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে অনুচ্ছেদের টেক্সট পড়ুন এবং এটি কনসোলে আউটপুট করুন।
একটি অনুচ্ছেদ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে অনুচ্ছেদে একটি নতুন টেক্সট লিখুন।
দুটি অনুচ্ছেদ দেওয়া আছে, যাদের টেক্সট是一些 সংখ্যা, এবং একটি বাটন। বাটনে ক্লিক করলে সংরক্ষিত সংখ্যাগুলির যোগফল প্রদর্শন করুন।
সংখ্যা সহ তিনটি অনুচ্ছেদ, একটি div, এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে div-এর টেক্সটে সংখ্যাগুলির যোগফল লিখুন।
একটি সংখ্যা সহ একটি অনুচ্ছেদ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে অনুচ্ছেদের মানের সাথে এক যোগ করুন এবং প্রাপ্ত সংখ্যাটি পুনরায় লিখুন।
টেক্সট সহ একটি অনুচ্ছেদ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে অনুচ্ছেদের টেক্সটের শেষে একটি বিস্ময়বোধক চিহ্ন যোগ করুন।
