-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
40 lines (32 loc) · 1.12 KB
/
main.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
import './assets/style/main.scss';
import './burger';
import './inputHandler';
const failedToLoadDescriptionMessage =
'Something went wrong... Description is currently unavailable 😓';
async function getDescription(numberOfSentences) {
const response = await fetch(
`https://baconipsum.com/api/?type=lucky?sentences=${numberOfSentences}`
);
const data = await response.json();
return data[0];
}
function showSkeletonLoader(element) {
element.classList.add('skeleton-loader');
}
function removeSkeletonLoader(element) {
element.classList.remove('skeleton-loader');
}
async function displayDescription() {
const descriptionDivElement = document.querySelector('.module__description');
showSkeletonLoader(descriptionDivElement);
try {
const descriptionText = await getDescription(3);
descriptionDivElement.textContent = descriptionText;
removeSkeletonLoader(descriptionDivElement);
} catch (error) {
console.error('Error fetching data:', error);
descriptionDivElement.textContent = failedToLoadDescriptionMessage;
removeSkeletonLoader(descriptionDivElement);
}
}
displayDescription();