Index Of Mujhse Shaadi Karogi Apr 2026

// ---------- HELPER: show romantic message & celebration ---------- function showAcceptance() // Celebration effect: confetti & big romantic message questionDiv.innerHTML = "🎉 YOU SAID YES! 🎉 <br> 💑 HAMESHA SATH 💑"; questionDiv.style.background = "#ffdae2"; // Change response area with proposal accepted gifSpan.innerHTML = "💒🎊💒🎊💒"; messagePara.innerHTML = "YAYYY! 💖 TUMNE HAAN KARDI! 💖 <br> Main aapko hamesha pyaar karunga/karungi. Ab shaadi ki taiyari shuru! 🥳✨"; responseDiv.style.background = "#fff0c0"; // Disable buttons after yes yesBtn.disabled = true; noBtn.disabled = true; yesBtn.style.opacity = "0.6"; noBtn.style.opacity = "0.6"; yesBtn.style.cursor = "default"; noBtn.style.cursor = "default"; // Add confetti effect triggerConfetti(); // extra romantic touch: floating hearts createFloatingHearts();

// ---------- Attach events ---------- yesBtn.addEventListener('click', onYes); noBtn.addEventListener('click', handleNoClick); // additional hover effect for yes button yesBtn.addEventListener('mouseenter', () => if(!yesBtn.disabled) yesBtn.style.transform = 'scale(1.02)'; ); yesBtn.addEventListener('mouseleave', () => yesBtn.style.transform = ''; ); // preload fun message: optional but nice. setTimeout(() => const msg = "💕 Your answer? I'll wait for eternity... 💕"; if(!yesBtn.disabled) messagePara.innerHTML = msg; , 1000); // small fallback to keep no button from going out of container setInterval(() => if(noBtn.style.position === 'absolute' && !yesBtn.disabled) const container = document.querySelector('.buttons'); if(container) const maxLeft = container.clientWidth - noBtn.offsetWidth - 8; const maxTop = container.clientHeight - noBtn.offsetHeight - 5; let leftNow = parseFloat(noBtn.style.left); let topNow = parseFloat(noBtn.style.top); if (isNaN(leftNow)) leftNow = 10; if (isNaN(topNow)) topNow = 10; if (leftNow > maxLeft) noBtn.style.left = Math.max(5, maxLeft - 5) + 'px'; if (topNow > maxTop) noBtn.style.top = Math.max(2, maxTop - 4) + 'px'; if (leftNow < 2) noBtn.style.left = '8px'; if (topNow < 2) noBtn.style.top = '8px'; , 500); )();

footer margin-top: 1.8rem; font-size: 0.75rem; color: #b87a86; border-top: 1px dashed #ffccd4; padding-top: 1rem; index of mujhse shaadi karogi

.proposer-pic background: #ffe0e5; width: 120px; height: 120px; border-radius: 100px; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; font-size: 4rem; box-shadow: 0 8px 18px rgba(0,0,0,0.1); border: 3px solid #ffb7c3;

<div class="proposal-card" id="proposalCard"> <div class="heart-icon">💖💍💖</div> <div class="proposer-pic"> <span>🥰✨</span> </div> <h1>Mujhse Shaadi Karogi?</h1> <div class="subhead">💞 My heart beats only for you 💞</div> // ---------- HELPER: show romantic message & celebration

<div class="question" id="questionText"> Will you make me the happiest person ever? </div>

// Function to move No button to random position inside buttons container (relative/absolute) let noButtonMovedFlag = false; function moveNoButtonRandomly(force = false) if(!force && noButtonMovedFlag) return; noButtonMovedFlag = true; const btnContainer = document.querySelector('.buttons'); const rect = btnContainer.getBoundingClientRect(); const noRect = noBtn.getBoundingClientRect(); // set positioning to absolute but relative to buttons container noBtn.style.position = 'absolute'; noBtn.style.transition = 'all 0.25s cubic-bezier(0.34, 1.2, 0.64, 1)'; btnContainer.style.position = 'relative'; btnContainer.style.minHeight = '80px'; // random left & top within container boundaries const maxLeft = btnContainer.clientWidth - noBtn.offsetWidth - 10; const maxTop = btnContainer.clientHeight - noBtn.offsetHeight - 5; const randLeft = Math.max(5, Math.floor(Math.random() * maxLeft)); const randTop = Math.max(2, Math.floor(Math.random() * maxTop)); noBtn.style.left = randLeft + 'px'; noBtn.style.top = randTop + 'px'; noBtn.style.margin = '0'; // ensure yes button remains visible & unchanged yesBtn.style.position = 'relative'; yesBtn.style.zIndex = '2'; noBtn.style.zIndex = '10'; // after 1.8 seconds maybe reset? but we want to keep moving on further clicks if(noClickCount > 5) // on each extra no click we re-move const newLeft = Math.max(5, Math.floor(Math.random() * maxLeft)); const newTop = Math.max(2, Math.floor(Math.random() * maxTop)); noBtn.style.left = newLeft + 'px'; noBtn.style.top = newTop + 'px'; 💖 &lt;br&gt; Main aapko hamesha pyaar karunga/karungi

.buttons display: flex; flex-wrap: wrap; justify-content: center; gap: 1.4rem; margin: 1.5rem 0 1rem;

// ---------- NO BUTTON - playful escaping behaviour (classic "Mujhse Shaadi Karogi" trick) ---------- function handleNoClick() noClickCount++; if(noClickCount === 1) messagePara.innerHTML = "😅 Are you sure? Think again! Love is in the air 💨 ... please click 'Haan'"; gifSpan.innerHTML = "😢💔"; responseDiv.style.background = "#ffe0e5"; // make No button move slightly? first time hint noBtn.style.transform = "translateX(5px)"; setTimeout(() => noBtn.style.transform = ""; , 200); else if(noClickCount === 2) messagePara.innerHTML = "🥺 Ruko... Please meri baat suno. Life without you feels empty. Click Haan? 🥺"; gifSpan.innerHTML = "🌹🙏🌹"; moveNoButtonRandomly(); else if(noClickCount === 3) messagePara.innerHTML = "🤭 OK, I know you are joking. But I'll move the 'Nahi' button now, you can't say no easily! 😂❤️"; gifSpan.innerHTML = "🏃💨💨"; moveNoButtonRandomly(true); else if(noClickCount >= 4) messagePara.innerHTML = "💘 Haha! No matter how many times you click 'Nahi', my love stays. The button will run away. Just say Haan! 💘"; gifSpan.innerHTML = "🌀🌀🌀"; moveNoButtonRandomly(true); // extra trick: disable no button for a moment and re-enable? playful if(noClickCount === 5) noBtn.style.opacity = "0.5"; noBtn.disabled = true; setTimeout(() => noBtn.disabled = false; noBtn.style.opacity = "1"; , 700); // Add slight shake to the proposal card card.style.transform = "rotate(0.5deg) scale(0.99)"; setTimeout(() => card.style.transform = ""; , 180);