JavaScript භාවිතයෙන් චෙක්ලිස්ට් එකේ අයිතමයක් සංස්කරණය කිරීම

දැන් අපි සංස්කරණය ක්රියාත්මක කරමු. මෙය සඳහා, පාඨය සහිත span එක මත ද්විත්ව ක්ලික් සිදු කරන්න:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // සංස්කරණය ක්රියාත්මක කරන කේතය මෙහි ඇත
});
li.appendChild(task);

අදාළ span එකට ද්විත්ව ක්ලික් කිරීමෙන් අපි එහි එම span එකේ පාඨය සහිත ආදාන ක්ෂේත්‍රයක් (input) නිර්මාණය කළ යුතුය. ඉන්පසු එම ආදාන ක්ෂේත්‍රය තුළ Enter යතුර එබීමෙන්, අපි එම ආදාන ක්ෂේත්‍රයේ පාඨය අපගේ span එකට යළි ලියා ඇතුල් කළ යුතු අතර, ආදාන ක්ෂේත්‍රය ඉවත් කළ යුතුය.