/** @jsx jackBlaster */

const jackBlaster = (el, attrs, text) => {
  console.log(el, attrs, text);

  const createdElement = document.createElement(el);
  if (attrs && attrs.class) {
    createdElement.classList.add(attrs.class);
  }
  createdElement.innerText = text;

  document.body.append(createdElement);
};

<div class="red">Rockin some rawass JSX.</div>;
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.