Update 2025-04-17_20:32:52

static/app.js

@@ -0,0 +1,104 @@
+const username = "guest";
+let currentScore = parseInt(localStorage.getItem("trisolve_score"), 10) || 0;
+
+window.onload = () => {
+  loadHighscore();
+  getChallenge();
+  updateScoreDisplay();
+  focusAnswerField();
+}
+
+function focusAnswerField() {
+  document.getElementById("answer").focus();
+}
+
+function nextRound() {
+  setTimeout(() => {
+    getChallenge();
+    focusAnswerField();
+  }, 3000);
+}
+
+function loadHighscore() {
+  const stored = localStorage.getItem("trisolve_highscore");
+  if (stored === null) {
+    localStorage.setItem("trisolve_highscore", "0");
+  }
+}
+
+function getHighscore() {
+  return parseInt(localStorage.getItem("trisolve_highscore"), 10) || 0;
+}
+
+function maybeUpdateHighscore() {
+  const high = getHighscore();
+  if (currentScore > high) {
+    localStorage.setItem("trisolve_highscore", String(currentScore));
+  }
+  localStorage.setItem("trisolve_score", String(currentScore));
+}
+
+function updateScoreDisplay() {
+  document.getElementById("score").textContent =
+    `📊 Score: ${currentScore} | 🏆 Highscore: ${getHighscore()}`;
+}
+
+async function getChallenge() {
+  try {
+    const r = await fetch(`/api/challenge?username=${username}`);
+    const d = await r.json();
+    document.getElementById("task").textContent = `🎯 ${d.task1} and ${d.task2}`;
+    document.getElementById("feedback").textContent = "";
+    document.getElementById("answer").value = "";
+    focusAnswerField();
+  } catch (e) {
+    console.error("Failed to load challenge:", e);
+  }
+}
+
+async function submitAnswer() {
+  const a = document.getElementById("answer").value;
+  if (!a.trim()) {
+    alert("Enter an answer");
+    return;
+  }
+  const parsed = Number(a);
+  if (isNaN(parsed)) {
+    alert("Please enter a valid number");
+    return;
+  }
+  const f = new FormData();
+  f.append("username", username);
+  f.append("answer", parsed);
+  try {
+    const r = await fetch("/api/submit", { method: "POST", body: f });
+    const text = await r.text();
+
+    let d;
+    try {
+      d = JSON.parse(text);
+    } catch (err) {
+      console.error("Invalid JSON:", text);
+      document.getElementById("feedback").textContent = "⚠️ Unexpected server response.";
+      return;
+    }
+
+    if (d.result === "correct") {
+      currentScore += 1;
+      maybeUpdateHighscore();
+      document.getElementById("feedback").textContent = "✅ Correct!";
+      updateScoreDisplay();
+      nextRound();
+    } else if (d.result === "wrong") {
+      document.getElementById("feedback").textContent = `❌ Wrong. Was ${d.correct}`;
+      updateScoreDisplay();
+      nextRound();
+    } else {
+      document.getElementById("feedback").textContent = `⚠️ ${d.message}`;
+    }
+  } catch (e) {
+    console.error("Submission failed:", e);
+    document.getElementById("feedback").textContent = "⚠️ Submission error.";
+  }
+}
+