JSFiddle - React, Tailwind, and code Playground

by kmreddragon2

HTML

<title>code</title>
<body id="body" onload="write_code();">
<p id="try"></p>
</body>

JavaScript

// JavaScript Document
var hash= /#/;
function get_par(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
};

function write_code(){
	var code =get_par("code");
	document.getElementById("body").innerHTML = code;
	var c = code.match(/<script[^>]*>([\s\S]*?)<\/script>/g);
	var d = code.match(/<script s[^>]*>([\s\S]*?)<\/script>/g);
	add_script(d);
	loop_script(c);
};




function add_script(k){
	if (k){
	for (f = 0; f < k.length; f++) {
		var m = k[f];
		m = m.replace(/<script src=|<script src=/g,"");
		m = m.replace(/><\/script>|><\/script>/g,"");
var d = document.createElement('div'); 
d.innerHTML = m; 
var s = document.createElement('script');
s.src = d.childNodes[0].src;
console.log(s);
s.onload = function () {
    console.log('loaded...', jQuery.fn.jquery);
};
document.getElementsByTagName('head')[0].appendChild(s);
	}
	}
	}

	
	
	
function loop_script(stre){
	for (i = 0; i < stre.length; i++) {
	var any =stre[i];
	if(stre.length !== ""){
	any = any.replace(/<script(.*?)>|<\/script>/g,"");
	eval(any);
	}
	}
	}