운명의 신전
마음을 차분히 가라앉히고, 원하는 상담 방식을 선택하세요.
🌟 데일리 & 제너럴
💖 연애 & 대인관계
💼 비즈니스 & 커리어
🌿 심리 & 힐링
`;
cardEl.addEventListener('click', function() { flipCard(this, cardData, isReversed); });
container.appendChild(cardEl);
}
}
function flipCard(cardElement, cardData, isReversed) {
if (cardElement.classList.contains('flipped') || selectedCards.length >= config.max) return;
playCardFlipSound();
if (window.navigator && window.navigator.vibrate) { try { navigator.vibrate(35); } catch(e) {} }
const currentPosLabel = config.positions[selectedCards.length];
const badge = cardElement.querySelector('.position-badge');
badge.innerText = currentPosLabel; badge.style.cssText = 'display: block ';
if (isReversed) {
cardElement.classList.add('reversed');
cardElement.querySelector('.reversed-tag').style.cssText = 'display: block ';
}
cardElement.classList.add('flipped');
selectedCards.push({
position: currentPosLabel, name: cardData.name, isReversed: isReversed,
data: isReversed ? cardData.reversed : cardData.upright,
imageUrl: cardData.image
});
if (selectedCards.length === config.max) { setTimeout(showResults, 1000); }
}
function showResults() {
playChimeBellSound();
const resultArea = document.getElementById('result-area');
let html = `
`; selectedCards.forEach(card => { const orientLabel = card.isReversed ? '역방향 (Reversed)' : '정방향 (Upright)'; const orientClass = card.isReversed ? 'orient-rev' : 'orient-up'; html += `
${card.data.meaning}
💖 애정/관계:
${card.data.love}
💰 금전/학업:
${card.data.money}
`; }); resultArea.innerHTML = html; resultArea.style.cssText = 'display: block ; padding: 30px 20px ; border-radius: 20px ; border: 1px solid rgba(255, 211, 42, 0.2) ; box-shadow: 0 20px 50px rgba(0,0,0,0.7) ; background: rgba(18, 11, 36, 0.75) ; margin: 0 auto ;'; setTimeout(() => { document.getElementById('tarot-app-wrapper').scrollTo({ top: resultArea.offsetTop - 20, behavior: 'smooth' }); }, 150); setTimeout(() => { document.getElementById('btn-group').style.cssText = 'display: flex ; flex-direction: column ; gap: 12px ; margin-top: 30px ; width: 100% ; max-width: 480px ;'; }, 600); } function resetToMenu() { document.getElementById('game-area').style.cssText = 'display: none ;'; document.getElementById('mode-selector').style.cssText = 'display: flex ; flex-direction: column ; width: 100% ; max-width: 400px ;'; document.getElementById('main-desc').innerText = "마음을 차분히 가라앉히고, 원하는 상담 방식을 선택하세요."; document.getElementById('tarot-app-wrapper').scrollTo({ top: 0, behavior: 'smooth' }); } function retrySameMode() { initDeck(); document.getElementById('tarot-app-wrapper').scrollTo({ top: 0, behavior: 'smooth' }); } function shareKakao() { function executeKakaoShare() { if (!window.Kakao.isInitialized()) { window.Kakao.init('a4900973d0b9f3def8e2f8cb4c6a46a1'); } let shareTitle = "운명의 신전 - 프리미엄 타로 리딩"; let shareDesc = "나의 운명 카드 결과를 확인했어요! 당신의 운명도 지금 바로 확인해보세요."; let shareImage = "https://images.unsplash.com/photo-1534447677768-be436bb09401?w=800&q=80"; if (selectedCards.length > 0) { shareTitle = `나의 운명 카드: ${selectedCards[0].name}`; shareDesc = "제가 뽑은 타로 리딩 결과가 궁금하신가요? 당신도 지금 무료로 운세를 확인해 보세요!"; shareImage = selectedCards[0].imageUrl; } // ★ 현재 접속 중인 정확한 주소(타로 페이지)를 자동으로 가져옵니다. let currentUrl = window.location.href; window.Kakao.Share.sendDefault({ objectType: 'feed', content: { title: shareTitle, description: shareDesc, imageUrl: shareImage, link: { mobileWebUrl: currentUrl, webUrl: currentUrl } }, buttons: [ { title: '나도 타로점 보기', link: { mobileWebUrl: currentUrl, webUrl: currentUrl } } ], }); } if (typeof window.Kakao === 'undefined') { const script = document.createElement('script'); script.src = 'https://t1.kakaocdn.net/kakao_js_sdk/2.7.1/kakao.min.js'; script.onload = function() { executeKakaoShare(); }; document.head.appendChild(script); } else { executeKakaoShare(); } }