From 8d662a2860faa55d531509fc95d18c4da7887f20 Mon Sep 17 00:00:00 2001
From: alifaz-it <55866927+alifaz-it@users.noreply.github.com>
Date: Thu, 6 Oct 2022 08:26:30 +0700
Subject: [PATCH] Create Trial.html

---
 Trial.html | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 Trial.html
diff --git a/Trial.html b/Trial.html
new file mode 100644
index 0000000..4db6381
--- /dev/null
+++ b/Trial.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta lang="en-US">
+<meta charset="utf-8">
+<style type="text/css">
+*{margin:0;padding:0;box-sizing:border-box;}
+header
+     {width:100%;height:100px;background-color:cyan;font-size:100px;text-align:center;font-family:Rosewood Std;margin-bottom:12px;}
+fieldset
+     {width:35%;height:560px;border:1px solid black;float:left;margin-left:140px;padding-left:10px;}
+textarea
+     {width:100%;height:100%;border:none;outline:none;sc}
+#result
+{overflow:scroll;width:100%;height:100%;}
+#code
+{font-size:22px;font-family:calibri;}
+footer
+   {position:fixed;top:580px;left:45%;}
+#but
+{border:none;background-color:#FF4E00;height:40px;width:150px;color:white;font-size:20px;font-family:cursive;border-radius:7px;cursor:pointer;outline:none;}
+</style>
+
+</head>
+<body>
+<header>TEXT EDITOR</header>
+<p style="position:absolute;color:violet;top:80px;right:0;">Developed by: Keshav Singh</p>
+<fieldset>
+<legend>Type Code Here</legend>
+<textarea id="code">
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta lang="en-US">
+<meta charset="utf-8">
+</head>
+<body>
+  <h1>Your code is here...</h1>
+</body>
+</html>
+</textarea>
+</fieldset>
+<fieldset>
+<legend>Code Result</legend>
+<div id="result">
+</div>
+</fieldset>
+<footer>
+<button id="but">Run Code Now!</button>
+</footer>
+<script type="text/javascript">
+var z=document.getElementById("but");
+ z.onclick=function()
+  {   var x=document.getElementById("code").value;
+	 var y=document.getElementById("result");
+	 y.innerHTML=x;
+	 }
+</script>
+</body>
