<H1>HTML Interpriter</H1><br/>

<script type="text/javascript">

function Interpriter() {

*!*var html = document.getelementbyid("coding").value;

document.getelementbyid("New_code").innerHTML=html;*/!*

}

</script>

<textarea id="Coding"></textarea><br/>

*!*<input type="button" onclick="Interpriter()" value="run!!"/><br/>*/!*

<div id="New_code"></div>

<script>

function MKCode(whatsToDo) {

var htmlCode = document.getElementById("code-html").value

if (whatsToDo=="New") {

document.getElementById("MakedCode").innerHTML = htmlCode

}
*!*
else {

document.getElementById("MakedCode").innerHTML += htmlCode

*/!*

}

}

</script>

<textarea id="code-html"><!--Ваш код--></textarea>

<br/>

<input type="button" onclick="MKCode('New')" value="Заместить код"/>

<br/>

<input type="button" onclick="MKCode('+')" value="Добавить код"/>

<br/>

<div style="Background: #cde; text-align: center" id="MakedCode"></div>

<style>

#New_code {

background:#CDE;

cursore: help;

text-align: center;

}

</style>

<H1>HTML Interpriter</H1><br/>

<script type="text/javascript">

function InterpriterJS2() {

var JSCode = "<script type='text\/javascript'>"

JSCode += document.getElementById("CodingJS").value;

JSCode += "</script\>"

document.getElementById("New_code").innerHTML += JSCode;

}

function InterpriterCSS2() {

var CSSCode = "<style type='text\/css'>"

CSSCode += document.getElementById("CodingCSS").value;

CSSCode += "<\/style>"

document.getElementById("New_code").innerHTML += CSSCode;

}

function Interpriter2() {

var html = document.getElementById("Coding").value;

document.getElementById("New_code").innerHTML=html;

InterpriterJS2();

InterpriterCSS2();

}

</script>

<H5>HTML</H5> 


<textarea id="Coding" rows="20" cols="50"></textarea><br/>

<H5>JavaScript</H5>

<textarea id="CodingJS" rows="20" cols="50"></textarea><br/>

<h5>CSS</h5>

<textarea id="CodingCSS" rows="20" cols="50"></textarea><br/>

<input type="button" onclick="Interpriter2()"/><br/>

<div id="New_code"></div>