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

কখনও কখনও novice programmersরা এলিমেন্টের অ্যারেটির সাথে এমনভাবে কাজ করার চেষ্টা করে যেন সেখানে শুধুমাত্র একটি এলিমেন্ট আছে। আসুন দেখি, এই ভুলটি কী।

ধরুন প্যারাগ্রাফ দেওয়া আছে:

<p>1</p>
<p>2</p>
<p>3</p>

ধরুন একজন programmer প্রতিটি প্যারাগ্রাফের টেক্সটে একই মান লিখতে চেয়েছিলেন। এটি করার জন্য, তিনি এই এলিমেন্টগুলির রেফারেন্স একটি ভেরিয়েবলে পেয়েছেন:

let elems = document.querySelectorAll('p');

এরপর আমাদের programmer ভুলবশত ভেরিয়েবলটিকে এমনভাবে অ্যাক্সেস করেছেন যেন সেখানে একটি এলিমেন্ট আছে, অ্যারে নয়। ফলস্বরূপ, প্যারাগ্রাফগুলির টেক্সট পরিবর্তন হবে না, কিন্তু, লক্ষণীয়ভাবে, console-এ কোনও error-ও দেখা যাবে না:

elems.textContent = '!';

এখানে সঠিক সমাধান হবে এলিমেন্টের অ্যারেটিকে loop দিয়ে iterate করা এবং প্রতিটি এলিমেন্টের জন্য আলাদাভাবে প্রয়োজনীয় অপারেশন সম্পাদন করা:

for (let elem of elems) {
	elem.textContent = '!';
}