JavaScript හි පුඩුවක ඉසවුව කළමනාකරණයන් සවිකිරීම

පෙර පාඩමෙන්, අපි ඉගෙන ගත්තේ පුඩුවක අලුත් මූලද්‍රව්‍ය සෑදීමයි. දැන් අපි අලුත් මූලද්‍රව්‍ය සෑදීමේදී ඉසවුව කළමනාකරණයන් සවි කරමු.

අපට නැවතත් මේ වගේ දෙමාපිය div එකක් ඇති යැයි සිතමු:

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

අපගේ 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);
}

Div එකක් ලබා දී ඇත. අපගේ div එකට 5 input fields එකතු කරන පුඩුවක් දිගහරින්න. ඡේදයක් ද ලබා දී ඇතැයි සිතමු. එක් එක් අලුත් input field එක අවධානය අහිමි වූ විට එහි පෙළ ඡේදයට ලියන ආකාරයට සකසන්න.