JSFiddle - React, Tailwind, and code Playground

by m1erickson

HTML

<button id="create">New Group</button>
<br>

CSS

body {
    background-color: ivory;
}
canvas {
    border:1px solid red;
}
.wrapper {
    border:1px solid blue;
    width:300px;
}

JavaScript

function newGroup() {
    var div = document.createElement("div");
    div.className = "wrapper";
    var img = document.createElement("img");
    var br = document.createElement("br");
    img.style.width = "60px";
    img.src = "https://dl.dropboxusercontent.com/u/139992952/stackoverflow/KoolSmall.png";
    var canvas = document.createElement("canvas");
    canvas.width = 300;
    canvas.height = 75;
    div.appendChild(img);
    div.appendChild(br);
    div.appendChild(canvas);
    document.body.appendChild(div);
}

$("#create").click(function () {
    newGroup();
});