const yesBtn = document.querySelector(".yes-btn");
const noBtn = document.querySelector(".no-btn");
const question = document.querySelector(".question");
const gif = document.querySelector(".gif");
 
// Change text and gif when the Yes button is clicked
yesBtn.addEventListener("click", () => {
    question.innerHTML = "Being with you is my biggest blessing. I love you.";
    gif.src = "https://m...content-available-to-author-only...y.com/media/v1.Y2lkPTc5MGI3NjExbGNhdXh1b252b2F2b2U4cHRlNGkwMDZsajllaGF1cDJyb2p4NXl2YiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/G6N0pDDgDpLjUvNoyQ/giphy.gif";
 
    // Hide the No button
    noBtn.style.display = "none";
});
 
// Make the No button move randomly on hover
noBtn.addEventListener("mouseover", () => {
    const wrapper = document.querySelector(".wrapper");
    const wrapperRect = wrapper.getBoundingClientRect();
    const noBtnRect = noBtn.getBoundingClientRect();
 
    // Calculate max positions to ensure the button stays within the wrapper
    const maxX = wrapperRect.width - noBtnRect.width;
    const maxY = wrapperRect.height - noBtnRect.height;
 
    // Ensure randomX and randomY are within the wrapper bounds
    const randomX = Math.min(Math.floor(Math.random() * maxX), maxX);
    const randomY = Math.min(Math.floor(Math.random() * maxY), maxY);
 
    noBtn.style.left = randomX + "px";
    noBtn.style.top = randomY + "px";
});

Y29uc3QgeWVzQnRuID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiLnllcy1idG4iKTsKY29uc3Qgbm9CdG4gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCIubm8tYnRuIik7CmNvbnN0IHF1ZXN0aW9uID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiLnF1ZXN0aW9uIik7CmNvbnN0IGdpZiA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIi5naWYiKTsKCi8vIENoYW5nZSB0ZXh0IGFuZCBnaWYgd2hlbiB0aGUgWWVzIGJ1dHRvbiBpcyBjbGlja2VkCnllc0J0bi5hZGRFdmVudExpc3RlbmVyKCJjbGljayIsICgpID0+IHsKICAgIHF1ZXN0aW9uLmlubmVySFRNTCA9ICJCZWluZyB3aXRoIHlvdSBpcyBteSBiaWdnZXN0IGJsZXNzaW5nLiBJIGxvdmUgeW91LiI7CiAgICBnaWYuc3JjID0gImh0dHBzOi8vbS4uLmNvbnRlbnQtYXZhaWxhYmxlLXRvLWF1dGhvci1vbmx5Li4ueS5jb20vbWVkaWEvdjEuWTJsa1BUYzVNR0kzTmpFeGJHTmhkWGgxYjI1MmIyRjJiMlU0Y0hSbE5Ha3dNRFpzYWpsbGFHRjFjREp5YjJwNE5YbDJZaVpsY0QxMk1WOW5hV1p6WDNObFlYSmphQ1pqZEQxbi9HNk4wcEREZ0RwTGpVdk5veVEvZ2lwaHkuZ2lmIjsKCiAgICAvLyBIaWRlIHRoZSBObyBidXR0b24KICAgIG5vQnRuLnN0eWxlLmRpc3BsYXkgPSAibm9uZSI7Cn0pOwoKLy8gTWFrZSB0aGUgTm8gYnV0dG9uIG1vdmUgcmFuZG9tbHkgb24gaG92ZXIKbm9CdG4uYWRkRXZlbnRMaXN0ZW5lcigibW91c2VvdmVyIiwgKCkgPT4gewogICAgY29uc3Qgd3JhcHBlciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIi53cmFwcGVyIik7CiAgICBjb25zdCB3cmFwcGVyUmVjdCA9IHdyYXBwZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7CiAgICBjb25zdCBub0J0blJlY3QgPSBub0J0bi5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTsKCiAgICAvLyBDYWxjdWxhdGUgbWF4IHBvc2l0aW9ucyB0byBlbnN1cmUgdGhlIGJ1dHRvbiBzdGF5cyB3aXRoaW4gdGhlIHdyYXBwZXIKICAgIGNvbnN0IG1heFggPSB3cmFwcGVyUmVjdC53aWR0aCAtIG5vQnRuUmVjdC53aWR0aDsKICAgIGNvbnN0IG1heFkgPSB3cmFwcGVyUmVjdC5oZWlnaHQgLSBub0J0blJlY3QuaGVpZ2h0OwoKICAgIC8vIEVuc3VyZSByYW5kb21YIGFuZCByYW5kb21ZIGFyZSB3aXRoaW4gdGhlIHdyYXBwZXIgYm91bmRzCiAgICBjb25zdCByYW5kb21YID0gTWF0aC5taW4oTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogbWF4WCksIG1heFgpOwogICAgY29uc3QgcmFuZG9tWSA9IE1hdGgubWluKE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIG1heFkpLCBtYXhZKTsKCiAgICBub0J0bi5zdHlsZS5sZWZ0ID0gcmFuZG9tWCArICJweCI7CiAgICBub0J0bi5zdHlsZS50b3AgPSByYW5kb21ZICsgInB4IjsKfSk7