Name: first commit · devsujay19/HTML-CSS-JavaScript-Code-Editor@99979df · GitHub
Rating: 4.7 (6421 reviews)
devsujay19
diff --git a/‎index.html
+19 b/‎index.html
+19
diff --git a/‎script.js
+22 b/‎script.js
+22
diff --git a/‎style.css
+23 b/‎style.css
+23
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<htmllang="en">
+<head>
+<metacharset="UTF-8" />
+<metahttp-equiv="X-UA-Compatible" content="IE=edge" />
+<metaname="viewport" content="width=device-width, initial-scale=1.0" />
+<!-- CSS Link -->
+<linkrel="stylesheet" href="style.css" />
+<title>HTML, CSS and JavaScript Code Editor</title>
+</head>
+<bodyspellcheck="false">
+<textareaid="html" placeholder="HTML"></textarea>
+<textareaid="css" placeholder="CSS"></textarea>
+<textareaid="js" placeholder="JavaScript"></textarea>
+<iframeid="code"></iframe>
+
+<scripttype="text/javascript" src="script.js"></script>
+</body>
+</html>
@@ -0,0 +1,22 @@
+functioncompile(){
+varhtml=document.getElementById('html');
+varcss=document.getElementById('css');
+varjs=document.getElementById('js');
+varcode=document.getElementById('code').contentWindow.document;
+
+document.body.onkeyup=function(){
+code.open();
+code.writeln(
+html.value+
+'<style>'+
+css.value+
+'</style>'+
+'<script>'+
+js.value+
+'</script>'
+);
+code.close();
+};
+}
+
+compile();
@@ -0,0 +1,23 @@
+body {
+text-align: center;
+}
+
+textarea {
+width:32%;
+float: top;
+min-height:250px;
+overflow: scroll;
+margin: auto;
+display: inline-block;
+background:#f4f4f9;
+outline: none;
+font-family: Courier, sans-serif;
+font-size:14px;
+}
+
+iframe {
+bottom:0;
+position: relative;
+width:100%;
+height:35em;
+}