fix: js var error in lightbot format checker

hilarryxu · hilarryxu · commit 2994a12e5a75 · 2022-08-25T17:38:52.000+08:00
diff --git a/igpc/index.html b/igpc/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.448b5e27.css" rel="stylesheet"><link href="/index.25e661e1.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-index"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li>           <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="https://www.coursemo.com/" title="COURSEMO"><i class="icon-file-text"></i><span>COURSEMO</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.1</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//www.igcompsci.cn/igpc/ast.js?v=2"></script><script type="module" src="/igpc/index.802bab98.js"></script></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.448b5e27.css" rel="stylesheet"><link href="/index.25e661e1.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-igpc"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li>           <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="https://www.coursemo.com/" title="COURSEMO"><i class="icon-file-text"></i><span>COURSEMO</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.1</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//www.igcompsci.cn/igpc/ast.js?v=2"></script><script type="module" src="/igpc/index.802bab98.js"></script></html>
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>IGCSE CompSci: RESOURCES FOR IGCSE CS</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.448b5e27.css" rel="stylesheet"><link href="/index.25e661e1.css" rel="stylesheet"></head><body class="page-index"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li>           <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="https://www.coursemo.com/" title="COURSEMO"><i class="icon-file-text"></i><span>COURSEMO</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="name">IGCSE CompSci</span><span class="tag-line">RESOURCES FOR IGCSE CS</span> </div> <h2>Overview</h2> <p> Cambridge IGCSE Computer Science helps learners develop an interest in computational thinking and an understanding of the principles of problem-solving using computers. They apply this understanding to create computer-based solutions to problems using algorithms and a high-level programming language. Learners also develop a range of technical skills, and the ability to effectively test and evaluate computing solutions. </p> <p> Studying Cambridge IGCSE Computer Science helps learners appreciate current and emerging computing technologies, the benefits of their use and recognise their potential risks. It provides an ideal foundation for progression to Cambridge International AS & A Level and is valuable for other areas of study and everyday life. </p> <h2>Online Tools</h2> <table class="border-collapse my-table"> <tbody> <tr> <th>Name</th> <th>Description</th> <th>Link</th> </tr> <tr> <td><code>igpc</code></td> <td>IGCSE pseudocode compiler</td> <td> <a href="/igpc/">igpc</a> </td> </tr> </tbody> </table> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>IGCSE CompSci: RESOURCES FOR IGCSE CS</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.448b5e27.css" rel="stylesheet"><link href="/index.25e661e1.css" rel="stylesheet"></head><body class="page-index"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li>           <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="https://www.coursemo.com/" title="COURSEMO"><i class="icon-file-text"></i><span>COURSEMO</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="name">IGCSE CompSci</span><span class="tag-line">RESOURCES FOR IGCSE CS</span> </div> <h2>Overview</h2> <p> Cambridge IGCSE Computer Science helps learners develop an interest in computational thinking and an understanding of the principles of problem-solving using computers. They apply this understanding to create computer-based solutions to problems using algorithms and a high-level programming language. Learners also develop a range of technical skills, and the ability to effectively test and evaluate computing solutions. </p>        <h2>Online Tools</h2> <table class="border-collapse my-table"> <tbody> <tr> <th>Name</th> <th>Description</th> <th>Link</th> </tr> <tr> <td><code>igpc</code></td> <td>IGCSE pseudocode compiler</td> <td> <a href="/igpc/">igpc</a> </td> </tr> <tr> <td><code>lightbot</code></td> <td>lightbot format checker</td> <td> <a href="/lightbot/">lightbot</a> </td> </tr> </tbody> </table> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body></html>
diff --git a/lightbot/index.59ebc4bb.js b/lightbot/index.59ebc4bb.js
diff --git a/lightbot/index.html b/lightbot/index.html
@@ -10,4 +10,4 @@
   right if green
   light
   P1
-                    </pre> </td> </tr> </tbody> </table> <p><b>Figure 1</b> A Lightbot game solution and its corresponding text file</p> <h2>Check the format of your Lightbot file</h2> <blockquote class="info"> NOTE: The checker tool does not check to see if your answer is correct. Instead, it only checks to see if you've formatted your file correctly based on the rules given above. </blockquote> <div class="bg-gray-50 border lg:w-1/2 lightbot-code my-4 px-4 py-4 w-full"> <div class="font-bold mb-2">lightbot format checker</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="lightbot-error-wrap" class="hidden relative"> <span id="lightbot-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="lightbot-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 do-check hover:bg-indigo-700 px-4 py-2 rounded-md text-white"> Check </button> </div> </div> </div> <h2>Good luck in your future coding endeavours!</h2> <p>You can now go on and learn another programming language that can tell a computer to do other, more complex and cool things. You can apply the knowledge of what programming is and how things like Commands, Procedures and Loops work.</p> </div>  </div> </div> </div> <div class="s-mini-container"> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </div> </body><script type="module" src="/lightbot/index.666bc875.js"></script></html>
+                    </pre> </td> </tr> </tbody> </table> <p><b>Figure 1</b> A Lightbot game solution and its corresponding text file</p> <h2>Check the format of your Lightbot file</h2> <blockquote class="info"> NOTE: The checker tool does not check to see if your answer is correct. Instead, it only checks to see if you've formatted your file correctly based on the rules given above. </blockquote> <div class="bg-gray-50 border lg:w-1/2 lightbot-code my-4 px-4 py-4 w-full"> <div class="font-bold mb-2">lightbot format checker</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="lightbot-error-wrap" class="hidden relative"> <span id="lightbot-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="lightbot-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 do-check hover:bg-indigo-700 px-4 py-2 rounded-md text-white"> Check </button> </div> </div> </div> <h2>Good luck in your future coding endeavours!</h2> <p>You can now go on and learn another programming language that can tell a computer to do other, more complex and cool things. You can apply the knowledge of what programming is and how things like Commands, Procedures and Loops work.</p> </div>  </div> </div> </div> <div class="s-mini-container"> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end">  <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </div> </body><script type="module" src="/lightbot/index.59ebc4bb.js"></script></html>

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.448b5e27.css" rel="stylesheet"><link href="/index.25e661e1.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-index"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="https://www.coursemo.com/" title="COURSEMO"><i class="icon-file-text"></i><span>COURSEMO</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.1</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end"> <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//www.igcompsci.cn/igpc/ast.js?v=2"></script><script type="module" src="/igpc/index.802bab98.js"></script></html>
	`1`	+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>igpc: IGCSE pseudocode compiler</title><link rel="icon shortcut" type="image/x-icon" href="/favicon.09aa0899.ico"><link href="/index.448b5e27.css" rel="stylesheet"><link href="/index.25e661e1.css" rel="stylesheet"><link href="/igpc/index.9093a599.css" rel="stylesheet"></head><body class="page-igpc"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <div class="container"> <div class="collapse nav-collapse"> <a class="brand" href="/"><span class="logo"></span></a> <ul class="flex flex-wrap nav"> <li> <a href="/"><i class="icon-newspaper"></i><span>Home</span></a> </li> <li> <a href="/igpc/"><i class="icon-power-cord"></i><span>igpc</span></a> </li> <li class="hidden md:list-item"> <a href="https://www.coursemo.com/" title="COURSEMO"><i class="icon-file-text"></i><span>COURSEMO</span></a> </li> </ul> </div> </div> </div> </div> <div class="main"> <div class="container mx-auto"> <div class="main-content"> <div class="title-header"> <span class="tag-line">IGCSE pseudocode compiler</span> </div> <div class="flex flex-wrap gap-y-6 igpc-editor"> <div class="bg-gray-50 border igpc-code lg:w-1/2 px-4 py-4 w-full"> <div class="font-bold mb-2">IGCSE pseudocode</div> <textarea id="codeInput" class="bg-white code-input text-black w-full"></textarea> <div class="mt-2"> <div id="igpc-error-wrap" class="hidden relative"> <span id="igpc-error-close-icon" class="absolute cursor-pointer hover:text-black inline-block right-4 text-gray-500 top-3">X</span> <pre id="igpc-error" class="text-red-500"></pre> </div> <div class="flex justify-between"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-md run-code text-white"> Run </button> <p class="italic text-zinc-500">igpc v0.0.1</p> </div> </div> </div> <div class="bg-gray-50 border igpc-console lg:w-1/2 px-4 py-5 w-full"> <div class="font-bold mb-2">CONSOLE</div> <pre id="logger" class="bg-stone-800 console overflow-auto text-white w-full"></pre> <button class="bg-cyan-500 clear-console hover:bg-cyan-600 px-4 py-2 rounded-md text-white"> Clear </button> </div> </div> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="container mx-auto"> <div class="footer-main"> <ul class="flex flex-row justify-end"> <li class="social"> <a href="https://github.com/igcompsci" title="igcompsci on GitHub"><span class="icon-github"></span></a> </li> <li> <a href="https://www.coursemo.com/" title="COURSEMO"><img src="/coursemo-logo.a5d1cfae.png" alt="COURSEMO" width="150" height="20" class="inline-block"></a> </li> </ul> </div> </div> </div> </footer> </body><script src="//www.igcompsci.cn/igpc/ast.js?v=2"></script><script type="module" src="/igpc/index.802bab98.js"></script></html>