Создание DOM-элемента, с указанными атрибутами

createElement.js

function createElement(tag, props, ...children) {
  const element = document.createElement(tag);

  Object.keys(props).forEach(key => {
      if (key.startsWith('data-')) {
          element.setAttribute(key, props[key]);
      } else {
          element[key] = props[key];
      }
  });

  children.forEach(child => {
      if (typeof child === 'string') {
          child = document.createTextNode(child);
      }

      element.appendChild(child);
  });

  return element;
}
// createListItem(todo) {
//   const checkbox     = createElement('input',  { type: 'checkbox', className: 'checkbox', checked: todo.completed ? 'checked' : '' });
//   const label        = createElement('label',  { className: 'title' }, todo.title);
//   const editInput    = createElement('input',  { type: 'text', className: 'textfield' });
//   const editButton   = createElement('button', { className: 'edit' }, 'Изменить');
//   const removeButton = createElement('button', { className: 'remove' }, 'Удалить');
//   const item         = createElement('li',     { className: `todo-item${todo.completed ? ' completed': ''}`, 'data-id': todo.id }, checkbox, label, editInput, editButton, removeButton);
// }