Дар JavaScript дар ҳалқа бастани мудироткунандагон

Дар дарси қаблӣ мо омӯхтем, ки чӣ тавр унсурҳои навро дар ҳалқа эҷод кунем. Биёед акнун ҳангоми эҷоди унсурҳои нав бастанҳои рӯйдодҳоро баста кунем.

Бигзор боз ин диви волидайнро дошта бошем:

<div id="parent"></div>

Ҳалқаеро оғоз кунем, ки ба охири диви мо 9 абзасҳои нав илова кунад, ба онҳо мудироткунандаи клик баста кунад:

let parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
	let p = document.createElement('p');
	p.textContent = '!';
	
	// Мудироткунандаи кликро баста мекунем:
	p.addEventListener('click', function() {
		console.log(this.textContent);
	});
	
	parent.appendChild(p);
}

Диве дода шудааст. Ҳалқаеро оғоз кунед, ки ба диви мо 5 вурудӣ илова кунад. Бигзор инчунин абзасе дода шуда бошад. Чунон кунед, ки ҳар як аз вурудҳои нав ҳангоми аз тамаркуз баромадан матни худро дар абзас сабт кунад.