Function createHtmlElement

docs/ui/src/js/createHtmlElement.js:12–38

({element, id, src, className, title, styles, type, innerHTML, attributes, eventListeners, appendTo})

*/

function createHtmlElement({element, id, src, className, title, styles, type, innerHTML, attributes, eventListeners, appendTo}) {
  const el = document.createElement(element);
  if (id) el.id = id;
  if (className) el.className = className;
  if (src) el.src = src;
  if (styles) {
    for (const [prop, value] of Object.entries(styles)) {
      el.style[prop] = value;
    }
  }
  if (type) el.type = type;
  if (innerHTML) el.innerHTML = innerHTML;
  if (attributes) {
    for (const [prop, value] of Object.entries(attributes)) {
      el.setAttribute(prop, value);
    }
  }
  if (title) el.title = title;
  if (eventListeners) {
    for (const [event, func] of Object.entries(eventListeners)) {
      el.addEventListener(event, func);
    }
  }

  const dest = document.getElementById(appendTo);
  dest.appendChild(el);
}

function createSvgElement({element, id, className, attributes, styles, textContent, appendTo}) {
  const svgns = 'http://www.w3.org/2000/svg';