Add question navigation: URL params, direct input, and test validation system

Features:

- Navigate via URL: ?question=1000

- Input field to jump to any question (1-1000)

- Hidden test cases with automatic validation

- Mark complete only when all tests pass

- Test results UI with pass/fail indicators

Author: PavanMudigonda

docs/editor.html

@@ -36,6 +36,8 @@ <h2>
                 </h2>
                 <div class="question-nav">
                     <button id="prev-question" class="btn-icon" title="Previous"><i class="fas fa-chevron-left"></i></button>
+                    <input type="number" id="question-input" min="1" max="1000" placeholder="#" style="width: 60px; text-align: center; padding: 0.5rem; border: 1px solid #dee2e6; border-radius: 4px;">
+                    <button id="goto-question" class="btn-icon" title="Go to question"><i class="fas fa-arrow-right"></i></button>
                     <button id="next-question" class="btn-icon" title="Next"><i class="fas fa-chevron-right"></i></button>
                     <button id="random-question" class="btn-icon" title="Random"><i class="fas fa-random"></i></button>
                 </div>

docs/js/editor.js

@@ -23,11 +23,17 @@ async function initializeEditor() {
 }
 
 document.addEventListener('DOMContentLoaded', function() {
-    // Get level from URL parameter
+    // Get level and question from URL parameters
     const urlParams = new URLSearchParams(window.location.search);
     if (urlParams.has('level')) {
         currentLevel = urlParams.get('level');
     }
+    if (urlParams.has('question')) {
+        const questionParam = parseInt(urlParams.get('question'));
+        if (questionParam >= 1 && questionParam <= 1000) {
+            currentQuestion = questionParam;
+        }
+    }
 
     // Initialize editor and load questions
     initializeEditor();
@@ -40,9 +46,17 @@ document.addEventListener('DOMContentLoaded', function() {
     document.getElementById('prev-question').addEventListener('click', prevQuestion);
     document.getElementById('next-question').addEventListener('click', nextQuestion);
     document.getElementById('random-question').addEventListener('click', randomQuestion);
+    document.getElementById('goto-question').addEventListener('click', gotoQuestion);
     document.getElementById('show-hints').addEventListener('click', toggleHints);
     document.getElementById('clear-output').addEventListener('click', clearOutput);
 
+    // Enter key on question input
+    document.getElementById('question-input').addEventListener('keypress', function(e) {
+        if (e.key === 'Enter') {
+            gotoQuestion();
+        }
+    });
+    
     // Track start time
     startTime = Date.now();
 });
@@ -351,6 +365,18 @@ function nextQuestion() {
     }
 }
 
+function gotoQuestion() {
+    const input = document.getElementById('question-input');
+    const questionNum = parseInt(input.value);
+    
+    if (questionNum >= 1 && questionNum <= 1000) {
+        loadQuestion(questionNum);
+        input.value = ''; // Clear input
+    } else {
+        alert('Please enter a question number between 1 and 1000');
+    }
+}
+
 function randomQuestion() {
     const random = Math.floor(Math.random() * 1000) + 1;
     loadQuestion(random);