1.0.0

develol · develol · commit 6909ca00940e · 2022-10-19T11:16:19.000+03:00
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,3 @@
+*.js linguist-detectable=true
+*.css linguist-detectable=false
+*.html linguist-detectable=false
diff --git a/css/index.css b/css/index.css
@@ -0,0 +1,46 @@
+html, body {
+    background-color: #272822;
+}
+
+#editor{ 
+    position: fixed;
+    top: 48px;
+    right: 0;
+    left: 0;
+    height: calc(100% - 48px);
+}
+
+button{
+    position: fixed;
+    height: 48px;
+    border: 0;
+    font-weight: bold;
+    cursor: pointer;
+    background: #8b8c86;
+    color: #2f3129;
+    font-family: sans-serif;
+    font-size: 16px;
+    text-align: center;
+    margin: 0;
+    z-index: 9999;
+}
+
+#btnMin{
+    top: 0;
+    left: 0;
+    border-right: 1px solid #272822;
+    width: 48px;
+}
+
+#btnRun{
+    top: 0;
+    left: 48px;
+    width: calc(100% - 94px);
+}
+
+#btnMax{
+    top: 0;
+    right: 0;
+    border-left: 1px solid #272822;
+    width: 48px;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,19 @@
+<html lang="en">
+	<head>
+		<title>JSExecution</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
+		<link rel="stylesheet" href="./css/index.css" type="text/css"/>
+	</head>
+	<body>
+	    <button id="btnMin" onclick="setFontSize(false);">➖</button>
+		<button id="btnRun">EXECUTION</button>
+		<button id="btnMax" onclick="setFontSize(true);">➕</button>
+		<div id="editor"></div>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.14/ace.min.js" integrity="sha512-hDyKEpCc9jPn3u2VffFjScCtNqZI+BAbThAhhDYqqqZbxMqmTSNIgdU0OU9BRD/8wFxHIWLAo561hh9fW7j6sA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.14/theme-monokai.min.js" integrity="sha512-wZYGbdk0giM73l8BLDNfSEziApAmH8DvXey6zNLG3QUgDeDsMAPm3FIdjhLwrGOWO0vdVHkVxeUzOBR0Hc/xBA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.14/mode-javascript.min.js" integrity="sha512-37ta5K4KVYs+MEmIg2xnZxJrdiQmBSKt+JInvyPrq9uz7aF67lMJT/t91EYoYj520jEcGlih41kCce7BRTmE3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.14/worker-javascript.min.js" integrity="sha512-hwPBZJdHUlQzk8FedQ6S0eqJw/26H3hQ1vjpdAVJLaZU/AJSkhU29Js3/J+INYpxEUbgD3gubC7jBBr+WDqS2w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+		<script src="./js/index.js"></script>
+	</body>
+</html>
diff --git a/js/index.js b/js/index.js
@@ -0,0 +1,52 @@
+var fontSize = 16;
+var editor = ace.edit("editor");
+editor.setTheme("ace/theme/monokai");
+editor.session.setMode("ace/mode/javascript");
+editor.setAutoScrollEditorIntoView(true);
+editor.setFontSize(fontSize);
+
+if(localStorage.JScode!=null){
+    editor.setValue(localStorage.JScode);
+}
+
+editor.setOptions({
+    wrap: true
+});
+
+function setFontSize(plus){
+    if(plus){
+        fontSize=fontSize+4;
+        editor.setFontSize(fontSize);
+    }else{
+        if((fontSize-4)>0){
+            fontSize=fontSize-4;
+            editor.setFontSize(fontSize);
+        }
+    }
+}
+
+document.getElementById('btnRun').onclick = function(){
+    var text = editor.getValue();
+    localStorage.setItem('JScode', text);
+    try{
+        if(text==''){
+            alert('EMPTY CODE');
+        }else{
+            eval(text);
+        }
+    }catch(e){
+        alert('ERROR -> '+e);
+    }
+}
+
+if(window.screen.width < window.screen.height){
+    editor.on("focus", function(){
+        document.getElementById('editor').style.height = 'calc(50% - 36px)';
+        editor.resize();
+    });
+    
+    editor.on("blur", function(){
+        document.getElementById('editor').style.height = 'calc(100% - 48px)';
+        editor.resize();
+    });
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+*.js linguist-detectable=true`
	`2`	`+*.css linguist-detectable=false`
	`3`	`+*.html linguist-detectable=false`