fix issues

naveen17797 · naveen17797 · commit 59f6e3cf74aa · 2022-03-15T07:44:14.000+05:30
diff --git a/Transpiler.js b/Transpiler.js
@@ -953,7 +953,6 @@ define("translator/TranslatorMapper", ["require", "exports", "parser/ParserTypes
         }
         TranslatorMapper.prototype.getTranslation = function () {
             this.startTranslation();
-            console.log(this.lines);
             return this.lines;
         };
         TranslatorMapper.prototype.startTranslation = function () {
@@ -1076,7 +1075,7 @@ define("translator/TranslatorMapper", ["require", "exports", "parser/ParserTypes
             return "elseif ( ".concat(this.visitExpression(e.expr), " ) ").concat(this.visitStatement(e.statement));
         };
         TranslatorMapper.prototype.visitPrintStmt = function (e) {
-            return "document.write( ".concat(this.visitExpression(e.expr), " )");
+            return "console.log( ".concat(this.visitExpression(e.expr), " )");
         };
         TranslatorMapper.prototype.visitBlockStmt = function (e) {
             var _this = this;
diff --git a/index.html b/index.html
@@ -1,7 +1,14 @@
 <meta charset="utf-8">
 <title>தென்றல் - Thendral transpiler</title>
-
+<head>
+    <script src="scripts/require.js"></script>
+</head>
 <style>
+
+    body {
+        background-color: rgba(0,0,0,0.8);
+        color: white;
+    }
     .container {
         display: flex;
         flex-direction: row;
@@ -24,25 +31,50 @@
 </style>
 
 <div class="container">
-    <textarea class="textarea"></textarea>
-    <textarea class="textarea"></textarea>
-    <textarea class="textarea"></textarea>
+    <textarea class="textarea" id="thendral-code"></textarea>
+    <textarea class="textarea" id="translated-code"></textarea>
+    <textarea class="textarea" id="output"></textarea>
 </div>
 <div class="container">
     <p class="description">Thendral</p>
     <p class="description">Translated JS Code</p>
     <p class="description">Output</p>
 </div>
 
-<script data-main="scripts/thendral" src="scripts/require.js"></script>
+
 <script>
 
-    window.addEventListener("load", () => {
+    function translate() {
+        const thendralCode = document.getElementById("thendral-code").value
 
-        window.thendral = require("Transpiler").thendral
+        const jsCode =  window.thendral(thendralCode).code;
 
+        document.getElementById("translated-code")
+            .value = jsCode
+        const output = eval(jsCode);
+
+        document.getElementById("output")
+            .value = output
+    }
+
+    window.addEventListener("load", () => {
+        require(["Transpiler"], (Transpiler) => {
+            window.thendral  =  Transpiler.thendral
+        })
 
+        document.getElementById("thendral-code")
+        .addEventListener("keydown", (event) => {
+            translate();
+        })
 
+        document.getElementById("thendral-code")
+            .addEventListener("keypress", (event) => {
+                translate();
+            })
+        document.getElementById("thendral-code")
+            .addEventListener("keyup", (event) => {
+                translate();
+            })
 
     })
 
diff --git a/scripts/require.js b/scripts/require.js
