JavaScript හි සිද්ධි ආකෘතියේ අසමමුහුර්තතාවය

ඔබ දන්නවා addEventListener ක්‍රමය භාවිතයෙන් පිටුවේ මූලද්‍රව්‍යවල ඇතිවන විවිධ සිදුවීම් සඳහා දායක විය හැකි බව. උදාහරණයක් ලෙස, යම් අංගයක් මත ක්ලික් කිරීම සඳහා දායක වෙමු, එහි සබැඳිය elem විචල්‍යයේ ගබඩා වේ:

javascriptelem.addEventListener('click', function() {
  console.log('1');
});

console.log('2');

ලබා දී ඇති කේතයේ, පළමුව දෙවන කොන්සෝල් ප්‍රතිදානය ක්‍රියාත්මක වේ. පළමුවැන්න කවදා ක්‍රියාත්මක වේද? කවදා හෝ: මෙම කේදය සිදුවූ සිදුවීමක් බලාපොරොත්තු වේ - මූලද්‍රව්‍යය මත ක්ලික් කිරීම. එය සිදු වූ වහාම, අපගේ කේතය ක්‍රියාත්මක වේ.

javascriptelem1.addEventListener('click', function() {
  console.log('1');
});
elem2.addEventListener('click', function() {
  console.log('2');
});