JSFiddle - React, Tailwind, and code Playground
by James Elmour
HTML
<span id="finishedProduct">When you enter code, your finished product will be here! Don't worry, if you make a mistake you can fix it later!
</span>
<form name="userCode">
<textarea name="userCode" cols="20" rows="5" placeholder="Type your code here"></textarea><br/>
<button type="button" onClick="makeCode()">Submit HTML</button>
</form>
<form name="userjs">
<textarea name="userjs" cols="20" rows="5" placeholder="Type your Javascript here"></textarea><br/>
<button type="button" onClick="makejs()">Run Code!</button>
</form>JavaScript
function makeCode() {
var userCode=document.forms["userCode"]["userCode"].value;
document.getElementById('finishedProduct').innerHTML = userCode;
}
function makejs() {
var userCode=document.forms["userjs"]["userjs"].value;
eval(userCode);
}