saved!!

fairpro943 · Oct 12, 2024 · b34fd54 · b34fd54
1 parent aaf824e
commit b34fd54
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -19,7 +19,7 @@ <h3 id="js">js</h3>
         <br><br>
         <button onclick="run()" id="run">RUN</button><br><br>
         <button onclick="cls()" id="cls">CLEAR</button>
-        <button onclick="full()" id="full">full screen</button>
+        <button id="full">full screen</button>
         <br><br>
         <div id="er">
             <h3 id="ner">errors</h3>
@@ -30,7 +30,7 @@ <h3 id="ner">errors</h3>
         <br><br><br><br><br><br>
         <!--<hr color=""><br><br>-->
 
-        <dialog open>
+        <dialog  id="comp">
           <iframe id="out2"></iframe>
           <button id="close">close</button>
         </dialog>

diff --git a/script.js b/script.js
@@ -1,4 +1,3 @@
-
 function run(){
   try{
     var ht = document.getElementById("code-ht").value;
@@ -23,6 +22,18 @@ function cls(){
     er.innerHTML = "<h3 id='ner'>errors</h3>";
     out.contentDocument.body.innerHTML = "";
 }
-functionfull(){
-    var com = ocument.getElementById("full");
+/*functionfull(){
+    var com = document.getElementById("full");
+}*/
+
+var close = document.getElementById("close");
+var comp = document.getElementById("comp");
+var full = document.getElementById("full");
+
+full.onclick = ()=> {
+  comp.setAttribute("open","true");
+}
+
+close.onclick = ()=> {
+  comp.removeAttribute("open");
 }
diff --git a/style.css b/style.css
@@ -47,7 +47,7 @@ center{
   position: absolute;
   left: 92%;
   top: 1%;
-  background-color: #00ff00;
+  background: linear-gradient(to right, #15ff00, #00ffea);
   border: 0;
   border-radius: 8px;
   padding: 10px;
@@ -58,7 +58,8 @@ center{
   position: absolute;
   left: 84%;
   top: 1%;
-  background-color: #ff0000;
+  /*background-color: #ff0000;*/
+  background: linear-gradient(to right, #ff0000, #ff9595);
   border: 0;
   border-radius: 8px;
   padding: 11px;
@@ -69,7 +70,8 @@ center{
   position: absolute;
   left: 72%;
   top: 1%;
-  background-color: #ffff00;
+  /*background-color: #ffff00;*/
+  background: linear-gradient(to right, #fffb00, #ec8e00);
   border: 0;
   border-radius: 8px;
   padding: 11px;
@@ -104,16 +106,22 @@ center{
   top: 0%;
   border-color: #00ff00;
   background-color: auto;
-  width: 98%;
-  height: 98%;
+  width: 100%;
+  height: 100%;
   border: 1 solid;
   border-radius: 10px;
 }
 #er{
+  font-size: 30px;
+  width: 400px;
+  padding-left: 80px;
+  position: absolute;
+  top: 1%;
+  left: 5%;
   color: #ff0000;
 }
 #ner{
-  color: #0000ff;
+  color: #51ff00;
 }
 #s1{
   color: #2222ff;
@@ -150,7 +158,7 @@ center{
   left: 0%;
   top: 108%;
 }
-dialog{
+#comp{
   position: absolute;
   left: 1%;
   top: 3%;