کلیک روی صفحه کار نمیکند

script.js

@@ -35,12 +35,34 @@ let currentImage = null;
     let currentPageCount = 4;
     let currentOverlap = 5; // in mm
 // Event listeners
-    uploadBtn.addEventListener('click', () => fileInput.click());
-    fileInput.addEventListener('change', handleFileSelect);
-    dropZone.addEventListener('dragover', handleDragOver);
-    dropZone.addEventListener('dragleave', handleDragLeave);
-    dropZone.addEventListener('drop', handleDrop);
-    pageCountInput.addEventListener('input', updatePageCount);
+    // Set up event listeners properly
+    if (uploadBtn && fileInput) {
+        uploadBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            fileInput.click();
+        });
+    }
+
+    if (fileInput) {
+        fileInput.addEventListener('change', handleFileSelect);
+    }
+
+    if (dropZone) {
+        dropZone.addEventListener('click', () => fileInput.click());
+        dropZone.addEventListener('dragover', (e) => {
+            e.preventDefault();
+            handleDragOver(e);
+        });
+        dropZone.addEventListener('dragleave', (e) => {
+            e.preventDefault();
+            handleDragLeave(e);
+        });
+        dropZone.addEventListener('drop', (e) => {
+            e.preventDefault();
+            handleDrop(e);
+        });
+    }
+pageCountInput.addEventListener('input', updatePageCount);
     overlapInput.addEventListener('input', updateOverlap);
 portraitBtn.addEventListener('click', () => setOrientation('portrait'));
     landscapeBtn.addEventListener('click', () => setOrientation('landscape'));
@@ -86,44 +108,53 @@ currentOrientation = orientation;
 
     // Handle drag over
     function handleDragOver(e) {
-        e.preventDefault();
         e.stopPropagation();
         dropZone.classList.add('highlight');
     }
 
     // Handle drag leave
     function handleDragLeave(e) {
-        e.preventDefault();
         e.stopPropagation();
         dropZone.classList.remove('highlight');
     }
-
     // Handle drop
     function handleDrop(e) {
-        e.preventDefault();
         e.stopPropagation();
         dropZone.classList.remove('highlight');
         
-        const file = e.dataTransfer.files[0];
+        const dt = e.dataTransfer;
+        const file = dt.files[0];
+        
         if (file && file.type.match('image.*')) {
             processImageFile(file);
+        } else {
+            alert('Please drop an image file only');
         }
     }
-
-    // Process image file
+// Process image file
     function processImageFile(file) {
+        if (!file.type.match('image.*')) {
+            alert('Please select an image file (JPEG, PNG, etc.)');
+            return;
+        }
+
         const reader = new FileReader();
         reader.onload = function(e) {
             currentImage = new Image();
             currentImage.onload = function() {
                 showPreview();
             };
+            currentImage.onerror = function() {
+                alert('Error loading image');
+            };
             currentImage.src = e.target.result;
         };
+        reader.onerror = function() {
+            alert('Error reading file');
+        };
         reader.readAsDataURL(file);
     }
-
-    // Show preview
+// Show preview
     function showPreview() {
         imagePreview.src = currentImage.src;
         imagePreviewContainer.classList.remove('hidden');