JSFiddle - React, Tailwind, and code Playground

by Asmita Jadhav

HTML

<div id='containerbox1'>
</div>

JavaScript

var fragment = document.createDocumentFragment();

      var header = createElements('fragment','div, 'container-fluid', 'headingbox');
      //var headText = createElements(header, 'h2', 'row headingCls', 'heading');
     // headText.appendChild(document.createTextNode('Report'));
      
      document.getElementById('#containerbox1').appendChild(fragment);

      function createElements(parent, element, className, elementId) {
      	alert(parent);
        var tempElement =(parent.val).appendChild(document.createElement(element, {
          "class": className,
          id: elementId,
        }));
        return tempElement;
      }