Update js_quene.js

js_quene.js

@@ -1,6 +1,5 @@
 const queneDropZone = document.getElementById('QueneDropzone');
-// const nextFileButton = document.getElementById('nextFileButton');
-// const queneStatus = document.getElementById('queneStatus');
+const nextFileButton = document.getElementById('nextFileButton');
 
 let droppedFiles = [];
 let currentIndex = 0;
@@ -15,36 +14,31 @@ let currentIndex = 0;
 queneDropZone.addEventListener('drop', (e) => {
 
 	const newFiles = Array.from(e.dataTransfer.files);
-	droppedFiles.push(...newFiles); // Add new files to the queue
+	droppedFiles.push(...newFiles);
 
     queneDropZone.innerHTML ='Filecount: ${droppedFiles.length}';
     console.log(`Added ${newFiles.length} new file(s). Total in queue: ${droppedFiles.length}.`);
-    
 
-	// queneStatus.textContent = `Added ${newFiles.length} new file(s). Total in queue: ${droppedFiles.length}. Click "Show Next File" to view.`;
 });
 
-// Show next file in the queue
-
-/*
 nextFileButton.addEventListener('click', () => {
 	if (droppedFiles.length === 0) {
-		queneStatus.textContent = 'No files loaded. Drop some files first.';
+		console.log('No files loaded. Drop some files first.');
 		return;
 	}
 
 	if (currentIndex >= droppedFiles.length) {
-		queneStatus.textContent = 'No more files. Queue is empty. Counter reset.';
+		console.log('No more files. Queue is empty. Counter reset.');
 		currentIndex = 0;
 		droppedFiles = [];
 		return;
 	}
 
 	const file = droppedFiles[currentIndex];
-	queneDropZone.innerHTML = `<strong>File ${currentIndex + 1} of ${droppedFiles.length}</strong><br>
+	console.log(`<strong>File ${currentIndex + 1} of ${droppedFiles.length}</strong><br>
 											Name: ${file.name}<br>
 											Size: ${Math.round(file.size / 1024)} KB<br>
-											Type: ${file.type || 'Unknown'}`;
+											Type: ${file.type || 'Unknown'}`);
 	currentIndex++;
 });