Уредување во група на елементи во JavaScript

Сега да претпоставиме дека имаме не еден параграф, туку многу:

<p>text1</p>
<p>text2</p>
<p>text3</p>

Ајде да направиме така што при клик на кој било параграф во него да се појавува поле за внесување за уредување.

Всушност, ваквата задача не претставува тешкотија за нас, бидејќи речиси целиот код го добивме во претходната лекција.

За решавање на нашата задача едноставно ќе ја стартуваме јамката низ параграфите и во јамката ќе го користиме кодот од претходната лекција (овој код дури и не треба да се менува):

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

for (let elem of elems) {
	elem.addEventListener('click', function func() {
		let input = document.createElement('input');
		input.value = elem.textContent;
		
		elem.textContent = '';
		elem.appendChild(input);
		
		input.addEventListener('blur', function() {
			elem.textContent = this.value;
			elem.addEventListener('click', func);
		});
		
		elem.removeEventListener('click', func);
	});
}

Даден е тагот ul. Направете така што при клик на било која li во неа да се појавува поле за внесување, со кое ќе може да се уреди текстот на таа li.

Дадена е HTML табела. Направете така што при клик на која било ќелија во неа да се појавува поле за внесување за уредување на текстот на таа ќелија.