Ҳодисавии модел дар JavaScript

Шумо медонед, ки бо роҳи методи addEventListener метавонед ба ҳодисаҳои гуногун обуна шавед, ки дар элементҳои саҳфа пайдо мешаванд. Масалан, ба клик бар элементи муайян обуна мешавем, ки истинод ба он дар тағирёбандаи elem нигоҳ дошта мешавад:

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

console.log('2');

Дар коди додашуша аввал дувумин хориҷкунӣ ба консоль иҷро хоҳад шуд. Аммо якумин кай иҷро мешавад? Баъдӣ: иҷрои ин код интизори рух додани ҳодиса - клик бар элемент аст. Вақте ки ин рӯй диҳад, коди мо иҷро хоҳад шуд.

Ба тартиби чӣ гуна рақамҳо ба консоль хориҷ карда мешаванд, нақл кунед:

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