12345678910111213141516171819202122232425262728 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>JS *><></title>
- <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
- <script src="starfish.js"></script>
- </head>
- <body class="p-8 bg-gray-300">
- <div class="grid grid-cols-3 gap-10">
- <div class="col-span-3">
- <input type="text" id="stackInit" class="inline-block w-full p-2 border border-black rounded-sm" placeholder="Initial Stack" />
- </div>
- <div>
- <textarea id="script" class="w-full font-mono border border-black" rows="20" placeholder="11+n;">11+n;</textarea>
- </div>
- <div class="flex justify-center items-center">
- <button class="p-4 border border-black bg-blue-300 rounded" onclick="cb.ParseCodeBox()">Run</button>
- </div>
- <div>
- <textarea id="output" class="w-full bg-white font-mono border border-black" rows="20" disabled></textarea>
- </div>
- </div>
- <!-- <canvas class="w-full h-full"></canvas> -->
- <script>
- const cb = new CodeBox("script", "stackInit", "output");
- </script>
- </body>
- </html>
|