Simple HTML Compiler using 7 lines code of Java-Script

Create Your own HTML compiler with just 7 lines of java-script Code

````"Download Full Code From Here"````"

Java-Script Code:

var w= document.getElementById("showme1");
var x= document.getElementById("showme");
var a= document.getElementById("stlo");
var y= document.getElementById("runner");
y.innerHTML=x.value;
a.innerHTML=a.innerHTML+w.value;

HTML Code:-

<div class="coder_main">

<div class="coder" >

<form>

<input type="button" class="btn" id="btn" onclick="yoyo();" value="Run"/>

<div class="stl">

<p class="hed">CSS</p>

 <textarea rows="15" col="50" id="showme1"> </textarea>

 </div>

<div class="con">

<p class="hed">HTML</p> 

<textarea rows="20" col="50" id="showme"> </textarea>

 </div>

</form>

</div>

</div>

<div class="runer" id="runner"> </div>

CSS Code:-

body{background: burlywood}

.coder_main{border: 2px solid gray;float:left;width:35%;height:95%;padding: 5px;}

.runer{border: 2px solid gray;width: 55%;float: right;height: 95%;background: whitesmoke;}

.stl,.con{border: 2px solid gray;}

.hed{padding: 0px;margin: 0px;}

.btn{padding: 5px;border: 4px solid black;border-radius: 10px;font-weight: bold;float: right;padding: 5px 15px 5px 15px; }

.btn:hover{border-color: blue;}