[feat] Finish basic styles

1 files changed, 22 insertions, 0 deletions

diff --git a/public/main.js b/public/main.js
index dce51b8..3f7031b 100644
--- a/public/main.js
+++ b/public/main.js
@@ -4,6 +4,28 @@ const $ = (s,c) => (c||document).querySelector(s);
 function $$(x,y,z,a){a=(z||document).querySelectorAll(x);if(typeof y=="function")[].forEach.call(a,y);return a}
 function m(a,b,c){c=document;b=c.createElement(b||"p");b.innerHTML=a.trim();for(a=c.createDocumentFragment();c=b.firstChild;)a.appendChild(c);return a.firstChild}
 
+const boardEl = document.createElement("table");
+$("#board").appendChild(boardEl);
+
+for (let i=0;i<6;i++) {
+  let o = "<tr>";
+  for (let j=0;j<6;j++) {
+    o += `<td>&nbsp;</td>`
+  }
+  o = m(o, "table");
+  boardEl.appendChild(o);
+}
+
+function processKey(key) {
+  if (!/^([a-z]|enter|bspc)$/.test(key)) return;
+  console.log(key);
+}
+
+document.addEventListener("keydown", e =>
+  e.ctrlKey || e.altKey || e.metaKey ||
+    processKey(e.key.toLowerCase()
+      .replace("backspace", "bspc")));
+
 //if ("serviceWorker" in navigator) {
 //  navigator.serviceWorker.register("sw.js")
 //    .then(() => console.log("Service worker registered"));