script.js

History

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

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://media.giphy.com/media/UMon0fuimoAN9ueUNP/giphy.gif";

});

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";

});

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

script.js

script.js

Files

script.js

Latest commit

History

script.js

File metadata and controls