refactor: separate js code

js/main.js

@@ -0,0 +1,29 @@
+(function initUI() {
+  document.getElementById("start-subtitle").textContent = CONFIG.texts.startSubtitle;
+  document.getElementById("gameover-title").textContent = CONFIG.texts.gameOverTitle;
+  document.getElementById("gameover-subtitle").textContent = CONFIG.texts.gameOverSubtitle;
+
+  document.querySelector("#ui-overlay .ui-text:nth-child(1)").innerHTML =
+    `${CONFIG.texts.scoreLabel} <span id="score">0</span>`;
+  document.querySelector("#ui-overlay .ui-text:nth-child(2)").innerHTML =
+    `${CONFIG.texts.waveLabel} <span id="wave">1</span>`;
+  document.querySelector("#ui-overlay .ui-text:nth-child(3)").innerHTML =
+    `${CONFIG.texts.livesLabel} <span id="lives">3</span>`;
+
+  document.querySelector("#gameover-screen .screen-subtitle").innerHTML =
+    `${CONFIG.texts.finalScoreLabel} <span id="final-score">0</span>`;
+})();
+
+const params = new URLSearchParams(location.search);
+const channel = params.get("channel") || "ku6ep_xboctuk";
+const client = new tmi.Client({ channels: [channel] });
+client.connect();
+
+client.on("message", (channel, tags, message, self) => {
+  const username = tags["display-name"] || tags.username || "anonymous";
+  InputModule.submitLine(message, username);
+});
+
+window.addEventListener("resize", recalc);
+recalc();
+runIntro();