From f545cc7ca969e4c3e35f29d5415be8cd8291767e Mon Sep 17 00:00:00 2001
From: ea654 <ea654@drexel.edu>
Date: Sun, 17 Nov 2024 04:04:32 +0000
Subject: [PATCH] Replace index.html
---
public/index.html | 27 ++++++++++++++++++++++++++-
1 file changed, 26 insertions(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index d0d9c7e..af429fd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -21,6 +21,26 @@
<div class="home-content">
<h1>Trivia Game</h1>
<p>Select your options and click Play</p>
+
+ <div id="gameSettings">
+ <label for="numQuestions">Number of Questions:</label>
+ <input type="number" id="numQuestions" min="1" max="50" value="10">
+
+ <label for="category">Category:</label>
+ <select id="category">
+ <option value="9">General Knowledge</option>
+ <option value="17">Science & Nature</option>
+ <option value="23">History</option>
+ </select>
+
+ <label for="difficulty">Difficulty:</label>
+ <select id="difficulty">
+ <option value="easy">Easy</option>
+ <option value="medium">Medium</option>
+ <option value="hard">Hard</option>
+ </select>
+ </div>
+
<button class="start-button" id="startGame">Play</button>
</div>
</section>
@@ -29,7 +49,12 @@
<h2 id="question">Question will appear here</h2>
<div id="options">Options will appear here</div>
<p id="score">Score: 0</p>
- <button id="nextQuestion" style="display:none;">Next Question</button>
+ </section>
+
+ <section id="endGameArea" style="display:none;">
+ <h2>Game Over!</h2>
+ <p id="winner">The winner is...</p>
+ <button id="resetGame">Play Again</button>
</section>
</main>
<script src="/socket.io/socket.io.js"></script>
--
GitLab