fix: validate Fibonacci input range

Author: mayurigade-hub

web-app/js/projects/fibonacci.js

@@ -105,7 +105,7 @@ function initFibonacci() {
 
         // Validation
         if (value === '' || isNaN(n) || n <= 0) {
-            display.textContent = `
+            display.innerHTML = `
                 <p class="fib-error">
                     Please enter a number greater than 0
                 </p>
@@ -114,6 +114,16 @@ function initFibonacci() {
             return;
         }
 
+        if (n > 20) {
+            display.innerHTML = `
+                <p class="fib-error">
+                    Please enter a number between 1 and 20
+                </p>
+            `;
+            ctx.clearRect(0, 0, canvas.width, canvas.height);
+            return;
+        }
+
         display.textContent = '';
 
         let fib = [0, 1];
@@ -173,4 +183,4 @@ function initFibonacci() {
 
     generateBtn.addEventListener('click', generateFibonacci);
     generateFibonacci();
-}
+}