JSFiddle - React, Tailwind, and code Playground

by kmreddragon2

HTML

<title>try</title>
<body>
<iframe id="frame" src="code.html"></iframe>
<form>
<textarea id="text"></textarea>
<input onclick="get();" type="button" value="try it" />
</form>
</body>

CSS

@charset "utf-8";
/* CSS Document */

#text {
	height:600px;
	width:500px;
	}
#frame {
	float:right;
	overflow:auto;
	height:600px;
	width:500px;
	border-bottom-style:ridge;
	border-top-style:ridge;
	border-left-style:ridge;
	border-right-style:ridge;
	}

JavaScript

// JavaScript Document
function get(){
	var text = document.getElementById("text").value
	text = text.replace(/[%]/g,"%25");
	text = text.replace(/[+]/g,"%2B");
	text = text.replace(/[&]/g,"%26");
	text = text.replace(/[#]/g,"%23");
	document.getElementById("frame").src="code.html?code="+text;
	document.getElementById("frame").innerHTML= text;
	var iframe = document.getElementById('frame');
	iframe.src = iframe.src;
	}
function re(h){
	return(h);
	}