Update index.html

index.html

@@ -217,11 +217,6 @@
             z-index: 1;
         }
 
-        .option-card * {
-            pointer-events: none;
-            user-select: none;
-        }
-
         .option-card.selected {
             background: rgba(58, 123, 213, 0.3);
             border-color: #3a7bd5;
@@ -1223,19 +1218,20 @@
         let currentPeriod = 3;
 
         // 페이지 로드 시 이벤트 리스너 등록
-        window.onload = function() {
-            console.log('Window loaded, setting up click handlers...'); // 디버깅용
-            
-            // 모든 option-card에 onclick 직접 설정
-            const cards = document.getElementsByClassName('option-card');
-            console.log('Found cards:', cards.length); // 디버깅용
-            
-            for (let i = 0; i < cards.length; i++) {
-                cards[i].onclick = function() {
-                    handleCardClick(this);
-                };
-            }
-        };
+document.addEventListener('DOMContentLoaded', function() {
+    console.log('DOM loaded, setting up click handlers...'); // 디버깅용
+    
+    // 이벤트 위임 방식으로 변경
+    document.addEventListener('click', function(event) {
+        // option-card를 클릭했는지 확인
+        const card = event.target.closest('.option-card');
+        if (card) {
+            event.preventDefault();
+            event.stopPropagation();
+            handleCardClick(card);
+        }
+    });
+});
 
         // 카드 클릭 처리 함수
         function handleCardClick(card) {