-
Notifications
You must be signed in to change notification settings - Fork 0
/
advice-generator.js
40 lines (29 loc) · 1.2 KB
/
advice-generator.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
async function adviceGetter() {
const response = await fetch("https://api.adviceslip.com/advice");
const adviceResponse = await response.json();
//console.log(adviceResponse.slip.advice);
const adviceNumber = document.getElementById('advice-id');
adviceNumber.append(adviceResponse.slip.id);
const adviceBody = document.getElementById('advice-body');
adviceBody.append(adviceResponse.slip.advice);
console.log("adviceGetter");
}
// add event listener for dice
// why is clickDice only firing once?
// figure out another option for adding in the advice something other than append
// look at the timing for innerHTML
// stuttering on load
const clickDice = function () {
const adviceNumber = document.getElementById('advice-id');
const adviceBody = document.getElementById('advice-body');
if (adviceBody.innerHTML !== "" && adviceNumber.innerHTML !== "") {
adviceBody.innerHTML = "";
adviceNumber.innerHTML = "";
}
const diceBtn = document.getElementById('dice-button');
//clickDice.addEventListener('click', adviceGetter);
diceBtn.addEventListener('click', adviceGetter, false);
console.log("clickDice");
}
adviceGetter();
clickDice();