dom.ts

function dom<T extends HTMLElement>(
  name: string,
  props: { [key in keyof T]?: any } = {},
  children: Array<HTMLElement> = []
): T {
  const result = document.createElement(name);
  Object.entries(props).forEach(([name, prop]) => (result[name] = prop));
  children.forEach(child => result.append(child));
  return result as T;
}