Update index.html

index.html

@@ -84,7 +84,7 @@
                     const cardId = e.dataTransfer.getData('text');
                     const card = document.getElementById(cardId);
                     e.target.appendChild(card);
-                    checkCompletion(columnElement);
+                    checkCompletion();
                 });
 
                 column.cards.forEach(card => {
@@ -106,17 +106,22 @@
             });
         }
 
-        function checkCompletion(columnElement) {
-            const cards = columnElement.querySelectorAll('.card');
-            const totalCards = cards.length;
-            if (totalCards === config[0].cards.length + config[1].cards.length + config[2].cards.length) {
-                columnElement.classList.add('complete');
-                alert('Congratulations! All tasks have been moved to this column.');
-            }
+        function checkCompletion() {
+            const columns = document.querySelectorAll('.column');
+
+            columns.forEach(column => {
+                const cards = column.querySelectorAll('.card');
+                const cardContainer = column.querySelector('.card-container');
+
+                if (cards.length === 0) {
+                    cardContainer.classList.add('active');
+                } else {
+                    cardContainer.classList.remove('active');
+                }
+            });
         }
 
         createKanbanBoard(config);
     </script>
 </body>
 </html>
-