web/assets/hex-playground.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
Module.pending_fgets = []; Module.pending_lines = []; const inputBox = document.querySelector("article input"); const textarea = document.querySelector("article textarea"); const upload = document.getElementById("upload"); const eval = document.getElementById("evaluate"); const outputBox = document.querySelector("article section section"); eval.style.display = "none"; hide.style.display = "none"; textarea.style.display = "none"; Module.print = (text) => { outputBox.textContent += text + "\n"; }; Module.printErr = (text) => { outputBox.textContent += text + "\n"; }; eval.addEventListener("click", (e) => { const data = textarea.value.replace(/;.*?\n/g, ' ').replace(/#|.*?|#/mg, '').replace(/\n/mg, ' '); Module.pending_lines.push(data); let resolver = Module.pending_fgets.shift(); resolver(Module.pending_lines.shift()); textarea.value = ''; textarea.style.display = "none"; eval.style.display = "none"; upload.style.display = "block"; hide.style.display = "none"; }); upload.addEventListener("click", () => { upload.style.display = "none"; textarea.style.display = "flex"; eval.style.display = "block"; hide.style.display = "block"; }); hide.addEventListener("click", () => { textarea.style.display = "none"; upload.style.display = "block"; eval.style.display = "none"; hide.style.display = "none"; }); inputBox.addEventListener("keydown", (e) => { if (e.key === "Enter") { e.preventDefault(); Module.pending_lines.push(inputBox.value); outputBox.textContent += "> " + inputBox.value + "\n"; inputBox.value = ''; } if (Module.pending_fgets.length > 0 && Module.pending_lines.length > 0) { let resolver = Module.pending_fgets.shift(); resolver(Module.pending_lines.shift()); } }); |