Document<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.2\/dist\/js\/bootstrap.bundle.min.js\"\n integrity=\"sha384-OERcA2EqjJCMA+\/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo\/\/f6V8Qbsw3\"\n crossorigin=\"anonymous\"><\/script>\n <link rel=\"stylesheet\" href=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/lib\/codemirror.css\">\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/mode\/python\/python.js\"><\/script>\n\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/lib\/codemirror.js\"><\/script>\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/mode\/clike\/clike.js\"><\/script>\n <link rel=\"stylesheet\" href=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/theme\/dracula.css\">\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/addon\/edit\/closebrackets.js\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.9.1\/font\/bootstrap-icons.css\">\n<\/head>\n<style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n background-color: #2d2f3d;\n font-family: Arial, sans-serif;\n color: #fff;\n padding: 20px;\n}\n\n.row-code {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.cols-code {\n flex: 1;\n}\n\n.bg-dark {\n background-color: #343a40;\n}\n\n.rounded {\n border-radius: 8px;\n}\n\n.p-2 {\n padding: 10px;\n}\n\n.px-4 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.m-3 {\n margin: 1rem;\n}\n\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.mt-4 {\n margin-top: 1.5rem;\n}\n\n.d-flex {\n display: flex;\n}\n\n.justify-content-between {\n justify-content: space-between;\n}\n\n.flex-column {\n flex-direction: column;\n}\n\n.w-25 {\n width: 25%;\n}\n\ntextarea,\nselect {\n width: 100%;\n padding: 10px;\n font-size: 16px;\n background-color: #1e1e1e;\n color: white;\n border: none;\n border-radius: 4px;\n}\n\nbutton {\n padding: 10px 16px;\n font-size: 16px;\n border: none;\n cursor: pointer;\n border-radius: 4px;\n background-color: #28a745;\n color: white;\n margin-left: 10px;\n}\n\nbutton i {\n font-style: normal;\n}\n\n.h-50 {\n height: 50%;\n}\n\n.form-control {\n background-color: #1e1e1e;\n color: white;\n border: none;\n border-radius: 4px;\n padding: 10px;\n font-size: 14px;\n width: 100%;\n resize: vertical;\n}\n\nlabel {\n display: block;\n font-size: 14px;\n}\n\n<\/style>\n\n<body>\n <div class=\"row-code m-3\">\n <div class=\"cols-code\">\n <div class=\"d-flex justify-content-between mb-2 bg-dark rounded p-2\">\n <div class=\"col-12 w-25\">\n <label class=\"visually-hidden\" for=\"inlineFormSelectPref\">Preference<\/label>\n <select class=\"dropdown\" id=\"inlineFormSelectPref\">\n <option selected>Choose…<\/option>\n <option value=\"Java\">Java<\/option>\n <option value=\"Cpp\">Cpp<\/option>\n <option value=\"Python\">Python<\/option>\n <\/select>\n <\/div>\n <div>\n <button type=\"button\" class=\"btn btn-success\">Coding Sprint<\/button>\n <button type=\"button\" id=\"run\" class=\"btn btn-success\"><i class=\"bi bi-play-fill\"><\/i><\/button>\n <\/div>\n <\/div>\n <textarea type=\"text\" id=\"editor\" class=\"form-control\" aria-label=\"First name\"><\/textarea>\n <\/div>\n <div class=\"cols-code d-flex flex-column rounded bg-dark px-4\">\n <div class=\"h-50\">\n <label for=\"Input\" class=\"text-light mt-4 mb-2\">Input<\/label>\n <textarea type=\"text\" id=\"input\" class=\"form-control h-75\" aria-label=\"Last name\"><\/textarea>\n <\/div>\n <div class=\"h-50\">\n <label for=\"Output\" class=\"text-light mb-2\">Output<\/label>\n <textarea type=\"text\" id=\"output\" class=\"form-control h-75\" aria-label=\"Last name\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<script>\n var editor = CodeMirror.fromTextArea(document.getElementById(\"editor\"), {\n mode: \"text\/x-c++src\",\n theme: \"dracula\",\n lineNumbers: true,\n autoCloseBrackets: true,\n\n })\n var width = window.innerWidth\n var input = document.getElementById(\"input\")\n var output = document.getElementById(\"output\")\n var run = document.getElementById(\"run\")\n editor.setSize(0.7 * width, \"500\")\n var option = document.getElementById(\"inlineFormSelectPref\")\n option.addEventListener(\"change\", function () {\n if (option.value == \"Java\") {\n editor.setOption(\"mode\", \"text\/x-java\")\n }\n else if (option.value == \"python\") {\n editor.setOption(\"mode\", \"text\/x-python\")\n }\n else {\n editor.setOption(\"mode\", \"text\/x-c++src\")\n }\n })\n var code;\n run.addEventListener(\"click\", async function () {\n code = {\n code: editor.getValue(),\n input: input.value,\n lang: option.value\n }\n console.log(code)\n var oData = await fetch(\"http:\/\/localhost:8000\/compile\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\"\n },\n body: JSON.stringify(code)\n })\n var d = await oData.json()\n output.value = d.output;\n var delayInMilliseconds = 6000; \/\/1 second\n\n setTimeout(function() {\n var deletefile = fetch(\"http:\/\/localhost:8000\/\", {})\n console.log(\"Delete successfully !\")\n }, delayInMilliseconds);\n \n })\n\n \n\n\n<\/script>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Document Preference Choose…JavaCppPython Coding Sprint Input Output<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1508","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts\/1508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/comments?post=1508"}],"version-history":[{"count":16,"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts\/1508\/revisions"}],"predecessor-version":[{"id":1529,"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts\/1508\/revisions\/1529"}],"wp:attachment":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/media?parent=1508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/categories?post=1508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/tags?post=1508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1508,"date":"2025-05-15T22:14:16","date_gmt":"2025-05-15T15:14:16","guid":{"rendered":"http:\/\/localhost\/fstudy\/?p=1508"},"modified":"2025-05-15T23:18:28","modified_gmt":"2025-05-15T16:18:28","slug":"1508-2","status":"publish","type":"post","link":"https:\/\/studaca.online\/1508-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n \n \n \n Document<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.2\/dist\/js\/bootstrap.bundle.min.js\"\n integrity=\"sha384-OERcA2EqjJCMA+\/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo\/\/f6V8Qbsw3\"\n crossorigin=\"anonymous\"><\/script>\n <link rel=\"stylesheet\" href=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/lib\/codemirror.css\">\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/mode\/python\/python.js\"><\/script>\n\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/lib\/codemirror.js\"><\/script>\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/mode\/clike\/clike.js\"><\/script>\n <link rel=\"stylesheet\" href=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/theme\/dracula.css\">\n <script src=\"http:\/\/localhost\/fstudy\/nodejs-api\/code-complier\/codemirror-5.65.17\/addon\/edit\/closebrackets.js\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.9.1\/font\/bootstrap-icons.css\">\n<\/head>\n<style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n background-color: #2d2f3d;\n font-family: Arial, sans-serif;\n color: #fff;\n padding: 20px;\n}\n\n.row-code {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.cols-code {\n flex: 1;\n}\n\n.bg-dark {\n background-color: #343a40;\n}\n\n.rounded {\n border-radius: 8px;\n}\n\n.p-2 {\n padding: 10px;\n}\n\n.px-4 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.m-3 {\n margin: 1rem;\n}\n\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.mt-4 {\n margin-top: 1.5rem;\n}\n\n.d-flex {\n display: flex;\n}\n\n.justify-content-between {\n justify-content: space-between;\n}\n\n.flex-column {\n flex-direction: column;\n}\n\n.w-25 {\n width: 25%;\n}\n\ntextarea,\nselect {\n width: 100%;\n padding: 10px;\n font-size: 16px;\n background-color: #1e1e1e;\n color: white;\n border: none;\n border-radius: 4px;\n}\n\nbutton {\n padding: 10px 16px;\n font-size: 16px;\n border: none;\n cursor: pointer;\n border-radius: 4px;\n background-color: #28a745;\n color: white;\n margin-left: 10px;\n}\n\nbutton i {\n font-style: normal;\n}\n\n.h-50 {\n height: 50%;\n}\n\n.form-control {\n background-color: #1e1e1e;\n color: white;\n border: none;\n border-radius: 4px;\n padding: 10px;\n font-size: 14px;\n width: 100%;\n resize: vertical;\n}\n\nlabel {\n display: block;\n font-size: 14px;\n}\n\n<\/style>\n\n<body>\n <div class=\"row-code m-3\">\n <div class=\"cols-code\">\n <div class=\"d-flex justify-content-between mb-2 bg-dark rounded p-2\">\n <div class=\"col-12 w-25\">\n <label class=\"visually-hidden\" for=\"inlineFormSelectPref\">Preference<\/label>\n <select class=\"dropdown\" id=\"inlineFormSelectPref\">\n <option selected>Choose…<\/option>\n <option value=\"Java\">Java<\/option>\n <option value=\"Cpp\">Cpp<\/option>\n <option value=\"Python\">Python<\/option>\n <\/select>\n <\/div>\n <div>\n <button type=\"button\" class=\"btn btn-success\">Coding Sprint<\/button>\n <button type=\"button\" id=\"run\" class=\"btn btn-success\"><i class=\"bi bi-play-fill\"><\/i><\/button>\n <\/div>\n <\/div>\n <textarea type=\"text\" id=\"editor\" class=\"form-control\" aria-label=\"First name\"><\/textarea>\n <\/div>\n <div class=\"cols-code d-flex flex-column rounded bg-dark px-4\">\n <div class=\"h-50\">\n <label for=\"Input\" class=\"text-light mt-4 mb-2\">Input<\/label>\n <textarea type=\"text\" id=\"input\" class=\"form-control h-75\" aria-label=\"Last name\"><\/textarea>\n <\/div>\n <div class=\"h-50\">\n <label for=\"Output\" class=\"text-light mb-2\">Output<\/label>\n <textarea type=\"text\" id=\"output\" class=\"form-control h-75\" aria-label=\"Last name\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<script>\n var editor = CodeMirror.fromTextArea(document.getElementById(\"editor\"), {\n mode: \"text\/x-c++src\",\n theme: \"dracula\",\n lineNumbers: true,\n autoCloseBrackets: true,\n\n })\n var width = window.innerWidth\n var input = document.getElementById(\"input\")\n var output = document.getElementById(\"output\")\n var run = document.getElementById(\"run\")\n editor.setSize(0.7 * width, \"500\")\n var option = document.getElementById(\"inlineFormSelectPref\")\n option.addEventListener(\"change\", function () {\n if (option.value == \"Java\") {\n editor.setOption(\"mode\", \"text\/x-java\")\n }\n else if (option.value == \"python\") {\n editor.setOption(\"mode\", \"text\/x-python\")\n }\n else {\n editor.setOption(\"mode\", \"text\/x-c++src\")\n }\n })\n var code;\n run.addEventListener(\"click\", async function () {\n code = {\n code: editor.getValue(),\n input: input.value,\n lang: option.value\n }\n console.log(code)\n var oData = await fetch(\"http:\/\/localhost:8000\/compile\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\"\n },\n body: JSON.stringify(code)\n })\n var d = await oData.json()\n output.value = d.output;\n var delayInMilliseconds = 6000; \/\/1 second\n\n setTimeout(function() {\n var deletefile = fetch(\"http:\/\/localhost:8000\/\", {})\n console.log(\"Delete successfully !\")\n }, delayInMilliseconds);\n \n })\n\n \n\n\n<\/script>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Document Preference Choose…JavaCppPython Coding Sprint Input Output<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1508","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts\/1508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/comments?post=1508"}],"version-history":[{"count":16,"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts\/1508\/revisions"}],"predecessor-version":[{"id":1529,"href":"https:\/\/studaca.online\/api\/wp\/v2\/posts\/1508\/revisions\/1529"}],"wp:attachment":[{"href":"https:\/\/studaca.online\/api\/wp\/v2\/media?parent=1508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/categories?post=1508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studaca.online\/api\/wp\/v2\/tags?post=1508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}