feat: add more questions

diff --git a/static/script.js b/static/script.js
index c2c6bf7e2d95ee6950fbf45d9a05dfdab63982f8..3eea720bd432a552d7c5fbae6213f863423d690f 100644 (file)
--- a/static/script.js
+++ b/static/script.js
@@ -1,9 +1,9 @@
 
 const questionsContainer = document.getElementById("question-container");
 
-const createQuestionCard = (question) => {
+const createQuestionCard = (index, question) => {
   return `<div class='question-card'>
-      <div class="question-card-front"></div>
+      <div class="question-card-front">${index + 1}</div>
       <div class="question-card-back">${question.question}</div>
     </div>`
 }
@@ -12,8 +12,8 @@ window.addEventListener('load', () => {
   fetch('/questions')
     .then(res => res.json())
     .then(questions =>
-      questions.forEach(question =>
-        questionsContainer.innerHTML += createQuestionCard(question)
+      questions.forEach((index, question) =>
+        questionsContainer.innerHTML += createQuestionCard(index, question)
       )
     )
     .then(() => document