JSFiddle - React, Tailwind, and code Playground

by agrajm

HTML

<div id="welcomeMessage">
Welcome to My World
</div>

JavaScript

var shadowHost = document.querySelector("#welcomeMessage");
var shadowRoot = shadowHost.webkitCreateShadowRoot();
shadowRoot.innerHTML = ["<style>",
                        "@host{ ",
                           "#welcomeMessage{ ",
                              "font-size: 28px;",
                              "font-family:cursive;",
                              "font-weight:bold;",
                           "}",
                        "}",
                        "</style>",
                        "<content></content>"
                        ].join(',').replace(/,/g,"");