JSFiddle - React, Tailwind, and code Playground

HTML

<main id="app"></main>

JavaScript

h('button', { i: 'asd', c: 'aaa' }, 'aaaaaaa' )
h('button', { i: 'asd', c: 'aaa' }, 'aaaaaaa' )
h('button', { i: 'asd', c: 'aaa' }, '123' )

h('input', { t: 'text', i: 'aaa', p: 'abcabc' } )
h('div', { t: 'text', i: 'aaa' }, "<strong>asd</strong>" )
h('strong', {}, 'test' )

function h(a, l, v=null) {

  var i = l.i ? ` id='${l.i}'` : '';
  var s = l.c ? ` class='${l.c}'` : '';
  var t = l.t ? ` type='${l.t}'` : '';
  var p = l.p ? ` placeholder='${l.p}'` : '';

  var atr = i + s + t + p;
  var k = v ? `<${a}${atr}>${v}</${a}>` : `<${a}${atr}>`

  return document.getElementById("app").innerHTML += k;
}