JSFiddle - React, Tailwind, and code Playground

by sushanth009

HTML

<div id="wrapper">

</div>
<br/>
<div id="wrapper1">

</div>

CSS

#wrapper , #wrapper1
{
    width: 400px;
    height:300px;
    background-color: orange;
}
.feedBox
{
    width: 200px;
    height:300px;
    background-color: green;
}

JavaScript

// Using createElement
var n = document.createElement("div");
        n.className = "feedBox";
        n.innerHTML = "I am in div FeedBack !!";
console.log(document.getElementById("wrapper").firstChild)
    document.getElementById("wrapper").appendChild(n, document.getElementById("wrapper").firstChild);

// Using createDocumentFragment
var n = document.createElement("div");
n.className = "feedBox";
n.innerHTML = "I am in div FeedBack !!";
var f = document.createDocumentFragment();
f.appendChild(n)
document.getElementById("wrapper1").appendChild(f, document.getElementById("wrapper1").firstChild);