Рэдагаванне ў групе элементаў на 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 табліца. Зрабіце так, каб па кліку на любую ячэйку ў ёй з'яўляўся інпут для рэдагавання тэксту гэтай ячэйкі.