Ցուցակի գործի խմբագրում JavaScript-ում

Այժմ եկեք իրականացնենք խմբագրումը: Դրա համար span-ին տեքստով կկցենք կրկնակի սեղմում:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // այստեղ կլինի խմբագրումն իրականացնող կոդը
});
li.appendChild(task);

Նշված span-ի վրա կրկնակի սեղմելու դեպքում մենք պետք է դրա ներսում ստեղծենք մուտքագրման դաշտ՝ այս span-ի տեքստով: Այնուհետև, երբ մուտքագրման դաշտում սեղմվի Enter ստեղնը, մենք պետք է այդ մուտքագրման դաշտի տեքստը գրենք վերադարձաբար մեր span-ի մեջ, իսկ ինքը՝ մուտքագրման դաշտը, հեռացնենք: