DEV Community

Discussion on: Web Components 101: Vanilla JavaScript

View post
Collapse
 
dannyengelman profile image
Danny Engelman •

Please educate people

 liEl.append(checkboxEl);
 liEl.append(todo.name);
Enter fullscreen mode Exit fullscreen mode

can become:

 liEl.append(checkboxEl , todo.name);
Enter fullscreen mode Exit fullscreen mode

and

  const ulEl = document.createElement('ul');
  for (const liEl of todoEls) {
      ulEl.append(liEl);
  }
Enter fullscreen mode Exit fullscreen mode

can be written as:

  const ulEl = document.createElement('ul');
  ulEl.append(...todoEls);
Enter fullscreen mode Exit fullscreen mode
Collapse
 
peerreynders profile image
peerreynders •

Or use a DocumentFragment instead of an array.