From e03fc0e7dd0218a83ba2d2f09936bc298bc13ee1 Mon Sep 17 00:00:00 2001 From: Tanisha Abrol Date: Tue, 28 Nov 2023 09:37:37 +0530 Subject: [PATCH 1/2] const wrapper = document.querySelector(".wrapper"); const question = document.querySelector(".question"); const gif = document.querySelector(".gif"); const yesBtn = document.querySelector(".yes-btn"); const noBtn = document.querySelector(".no-btn"); yesBtn.addEventListener("click", () => { question.innerHTML = "Yay, see you on the 18th!"; gif.src = "https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmkwc2R4Zm5uZHg4dWo4dmRod3d3M3dnYjV5aWJ6Z2Fmbm5waHE4ciZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/HxMhuDg7O4pKOhhcRC/giphy.gif"; yesBtn.style.display = "none"; noBtn.style.display = "none"; }); noBtn.addEventListener("mouseover", () => { const noBtnRect = noBtn.getBoundingClientRect(); const maxX = window.innerWidth - noBtnRect.width; const maxY = window.innerHeight - noBtnRect.height; const randomX = Math.floor(Math.random() * maxX); const randomY = Math.floor(Math.random() * maxY); noBtn.style.left = randomX + "px"; noBtn.style.top = randomY + "px"; }); --- script.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/script.js b/script.js index f6c1ad1..868793d 100644 --- a/script.js +++ b/script.js @@ -7,8 +7,10 @@ const noBtn = document.querySelector(".no-btn"); yesBtn.addEventListener("click", () => { question.innerHTML = "Yay, see you on the 18th!"; gif.src = - "https://media.giphy.com/media/UMon0fuimoAN9ueUNP/giphy.gif"; -}); + "https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmkwc2R4Zm5uZHg4dWo4dmRod3d3M3dnYjV5aWJ6Z2Fmbm5waHE4ciZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/HxMhuDg7O4pKOhhcRC/giphy.gif"; + yesBtn.style.display = "none"; + noBtn.style.display = "none"; + }); noBtn.addEventListener("mouseover", () => { const noBtnRect = noBtn.getBoundingClientRect(); From c67704c3bc9e4c65e227978e281d0c8dd9ac8644 Mon Sep 17 00:00:00 2001 From: Tanisha Abrol Date: Tue, 28 Nov 2023 23:39:37 +0530 Subject: [PATCH 2/2] Update script.js to improve user interface --- script.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/script.js b/script.js index 868793d..c8e4b60 100644 --- a/script.js +++ b/script.js @@ -5,7 +5,7 @@ const yesBtn = document.querySelector(".yes-btn"); const noBtn = document.querySelector(".no-btn"); yesBtn.addEventListener("click", () => { - question.innerHTML = "Yay, see you on the 18th!"; + question.innerHTML = "Yay, see you on 21st in horny jail!!"; gif.src = "https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmkwc2R4Zm5uZHg4dWo4dmRod3d3M3dnYjV5aWJ6Z2Fmbm5waHE4ciZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/HxMhuDg7O4pKOhhcRC/giphy.gif"; yesBtn.style.display = "none";