JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/example">
    console.log("I am before the h1");
</script>

<h1>Page Title</h1>

<script type="text/javascript">
    console.log("I am after the h1");
</script>

<script type="text/javascript">
    window.addEventListener("load", function() {
        var arr = document.querySelectorAll("script[type='text/example']");
        for (var x = 0; x < arr.length; x++) {
            var cln = arr[x].cloneNode(true);
            cln.type = "text/javascript";
            document.querySelectorAll("body")[0].appendChild(cln);
        }
    });
</script>

<script type="text/javascript">
    console.log("I am at the end of the page.");
</script>