JavaScript best practices

[emiliazm]

• Give a more clear name to variables:
  

  todoList/src/ui.js

  Lines 8 to 38 in 17c7503

  	const labelElement = e.target.parentNode;
  	labelElement.classList.add('editing', 'erasing');
  	const taElement = e.target.nextElementSibling;
  	taElement.focus();
  	};
  	const uiBlurTextArea = (e) => {
  	const lblElement = e.target.previousElementSibling;
  	lblElement.innerHTML = e.target.value;
  	const taElement = e.target.parentNode;
  	const { taskid } = e.target.parentNode.dataset;
  	setTimeout(() => {
  	taElement.classList.remove('editing', 'erasing');
  	}, 2000);
  	updateTask(taskid, e.target.value);
  	};
  	// remove item
  	const uiRemoveTask = (e) => {
  	const { taskid } = e.target.parentNode.dataset;
  	deleteTask(taskid);
  	const liElement = e.target.parentNode;
  	liElement.remove();
  	const lis = document.querySelectorAll('.list-items');
  	const tasks = getTasks();
  	lis.forEach((e) => {
  	e.dataset.taskindex = tasks.find((ee) => ee.id === Number(e.dataset.taskid)).index;
  	});
  	};

  
  

  todoList/src/ui.js

  Lines 91 to 93 in 17c7503

  	const cbElement = liToTasks.querySelector('.check-box');
  	cbElement.checked = task.isCompleted;
  	cbElement.onclick = uiCheckStatus;

  
  

  todoList/src/ui.js

  Line 33 in 17c7503

  const lis = document.querySelectorAll('.list-items');