tiny helper to create DOM elements

.js

const $T = text => document.createTextNode(text)
    
function $E(tag, props, kids) {
        const elem = document.createElement(tag)
        for (const k in props) {
            elem[k] = props[k]
        }
        for (const kid of kids) {
            elem.appendChild(kid)
        }
        return elem
}

function applyStyle(selector, styles) {
  const el = document.querySelector(selector);
  
  if (el == null) return;
  
  for (const prop in styles) {
    el.style[prop] = styles[prop];
  }
}

// Usage

const button = $E('button', {}, [
  $E('i', {className: 'icon-lightbulb'}, []),
  $T('I learned something!'),
  $E('object', {data: '/confetti.svg', width: 30, height: 30}, []),
]);