-
Notifications
You must be signed in to change notification settings - Fork 2
/
dog.js
40 lines (37 loc) · 1.21 KB
/
dog.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function launchWalkoutAnimation () {
const dogElement = document.createElement('div');
const fieldContainer = document.getElementById('field-container');
dogElement.setAttribute("id", "dog1");
fieldContainer.appendChild(dogElement);
dogElement.addEventListener('animationend', () => {
dogElement.classList.add('found');
});
dogElement.addEventListener('animationend', () => {
setTimeout(() => {
dogElement.classList.add('jump');
}, 1000);
});
dogElement.addEventListener('animationend', () => {
setTimeout(() => {
dogElement.remove();
}, 1800);
});
}
function showDuck(killedDucks) {
let dogElement = document.createElement("div");
let dogContainer = document.getElementById("dog-container");
dogElement.setAttribute("id", "dog2");
dogContainer.appendChild(dogElement);
if (killedDucks === 1) {
dogElement.classList.add("gotOne");
} else {
dogElement.classList.add("gotTwo");
}
}
function dogLaugh () {
let dogElement = document.createElement("div");
let dogContainer = document.getElementById("dog-container");
dogElement.setAttribute("id", "dog2");
dogContainer.appendChild(dogElement);
dogElement.classList.add("laugh");
}