'+o.label+''; btn.onclick = function(){ pick(o.type, btn); }; opts.appendChild(btn); }); } function pick(type, btn){ // Visual feedback var allBtns = document.querySelectorAll('.btq-option'); allBtns.forEach(function(b){ b.style.pointerEvents='none'; }); btn.style.borderColor='#27ae60'; btn.style.background='#eafaf1'; btn.querySelector('.btq-option-dot').style.background='#27ae60'; btn.querySelector('.btq-option-dot').style.borderColor='#27ae60'; scores[type]++; setTimeout(function(){ current++; if(current < questions.length){ renderQuestion(); } else { showResult(); } }, 380); } function showResult(){ hide('btq-quiz'); resultType = getResult(); var r = results[resultType]; // Header var header = document.getElementById('btq-result-header'); header.style.background = 'linear-gradient(135deg, '+r.color+', '+adjustColor(r.color,30)+')'; document.getElementById('btq-result-emoji').textContent = r.emoji; document.getElementById('btq-result-badge').textContent = r.badge; document.getElementById('btq-result-title').textContent = r.title; // Info boxes var boxes = document.getElementById('btq-result-boxes'); boxes.innerHTML = ''; r.boxes.forEach(function(b){ var div = document.createElement('div'); div.className = 'btq-result-box'; div.innerHTML = '

'+b.text+'

'; div.style.borderTop = '3px solid '+r.color; boxes.appendChild(div); }); // Fun fact document.getElementById('btq-funfact').innerHTML = r.funfact; document.getElementById('btq-funfact').style.borderLeftColor = r.color; document.getElementById('btq-funfact').style.background = r.lightColor; show('btq-result'); renderShare(r); show('btq-share'); document.getElementById('btq-result').scrollIntoView({behavior:'smooth', block:'start'}); } function adjustColor(hex, amount){ var num = parseInt(hex.slice(1),16); var r = Math.min(255,(num>>16)+amount); var g = Math.min(255,((num>>8)&0xff)+amount); var b = Math.min(255,(num&0xff)+amount); return '#'+((r<<16)|(g<<8)|b).toString(16).padStart(6,'0'); } function renderShare(r){ var shareText = encodeURIComponent('मैंने पता लगाया कि मैं '+r.badge+' बॉडी टाइप हूँ! FindHealthTips.com पर जानें 🏃 👉 https://findhealthtips.com/hi/body-type-quiz/'); var shareUrl = encodeURIComponent('https://findhealthtips.com/hi/body-type-quiz/'); var platforms = [ {label:'Facebook', cls:'btq-share-fb', icon:'f', href:'https://www.facebook.com/sharer/sharer.php?u='+shareUrl}, {label:'Twitter / X', cls:'btq-share-tw', icon:'𝕏', href:'https://twitter.com/intent/tweet?text='+shareText}, {label:'WhatsApp', cls:'btq-share-wa', icon:'W', href:'https://wa.me/?text='+shareText}, {label:'Pinterest', cls:'btq-share-pi', icon:'P', href:'https://pinterest.com/pin/create/button/?url='+shareUrl+'&description='+shareText}, {label:'लिंक कॉपी करें', cls:'btq-share-cp', icon:'🔗', href:'#', copy:true} ]; var container = document.getElementById('btq-share-btns'); container.innerHTML = ''; platforms.forEach(function(p){ var a = document.createElement('a'); a.className = 'btq-share-btn '+p.cls; a.textContent = p.label; if(p.copy){ a.href='#'; a.onclick=function(e){ e.preventDefault(); navigator.clipboard && navigator.clipboard.writeText('https://findhealthtips.com/hi/body-type-quiz/').then(function(){ a.textContent='✓ कॉपी हो गया!'; setTimeout(function(){a.textContent='लिंक कॉपी करें';},2000); }); }; } else { a.href=p.href; a.target='_blank'; a.rel='noopener noreferrer'; } container.appendChild(a); }); } /* ─── PUBLIC ─── */ window.btqStart = function(){ hide('btq-start'); show('btq-quiz'); renderQuestion(); }; window.btqRetake = function(){ current=0; scores={E:0,M:0,N:0}; resultType=null; hide('btq-result'); hide('btq-share'); show('btq-start'); window.scrollTo({top:document.querySelector('.btq-wrap').offsetTop-20, behavior:'smooth'}); }; window.btqToggleFaq = function(el){ var item = el.parentElement; var isOpen = item.classList.contains('btq-open'); document.querySelectorAll('.btq-faq-item').forEach(function(i){ i.classList.remove('btq-open'); }); if(!isOpen) item.classList.add('btq-open'); }; })();