elm-lookalike.js

const curry = fn =>
  function cf(...args) {
    return args.length >= fn.length
      ? fn(...args)
      : (...newArgs) => cf(...[...args, ...newArgs]);
  };

const element = curry((element, attributes, children) => {
  const el = Object.keys(attributes).reduce(
    (el, attribute) => el.setAttribute(attribute, attributes[attribute]),
    document.createElement(element)
  );

  if (children) {
    el.appendChild(children);
  }

  return el;
});

const text = str => document.createTextNode(str);

const div = element("div");
const h1 = element("h1");

// Read here
const view = () => 
div([], 
  h1([], 
     text("Hello World")
    )
);

// Ignore this line
document.body.appendChild(view());