Eingabe_Funktion

django/templates/play/game/question_participant.html

@@ -15,7 +15,7 @@
             <p class="text-blue-600 text-xl mb-2">Verbleibende Zeit</p>
             <p id="remaining-time" class="text-6xl font-bold text-blue-700">30</p>
         </div>
-
+        {% if question_data.type  != "input" %}
         <div class="grid grid-cols-2 gap-4" id="options-container">
             {% for option in question_data.options %}
                 <button 
@@ -26,6 +26,15 @@
                 </button>
             {% endfor %}
         </div>
+        {% else %}
+        <input id="textanswer" type="text" placeholder="DEINE ANTWORT" 
+        class="answer-option text-center p-2 bg-gray-100 hover:bg-blue-100 rounded-lg transition-colors duration-200 answer-option">
+ <button
+ onclick="submitAnswer( -1 );"
+         class="text-center p-2 bg-gray-100 hover:bg-blue-100 rounded-lg transition-colors duration-200 answer-option">
+     abschicken
+ </button>
+        {% endif %}
     </div>
 </div>
 {% endblock %}
@@ -57,6 +66,13 @@
 
     function submitAnswer(optionIndex) {
         if (hasAnswered) return;
+        let input = ""; // Declare input here
+
+        try {
+        input = document.getElementById("textanswer").value;
+        } catch (e) {
+        input = "";
+        }
         
         hasAnswered = true;
         const now = Date.now();
@@ -75,14 +91,26 @@
             }
         }
 
+        if(input!=""){
         // Send answer to server
         gameSocket.send(JSON.stringify({
             type: 'submit_answer',
             participant_id: participantId,
-            answer: optionIndex,
+            answer:input, 
             time_remaining: timeRemaining
         }));
     }
+    else{
+        gameSocket.send(JSON.stringify({
+            type: 'submit_answer',
+            participant_id: participantId,
+            answer:optionIndex,
+            time_remaining: timeRemaining
+        }));
+    }
+    }
+
+    
 
     // Timer
     function updateTimer() {