Correct Eslint

SviatoslavTaranenko · Jan 8, 2024 · e93ed4d · e93ed4d
1 parent 31e7d8c
commit e93ed4d
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 47 deletions.
diff --git a/docs/SviatoslavTaranenko/scripts/Games.js b/docs/SviatoslavTaranenko/scripts/Games.js
@@ -58,41 +58,16 @@ function createCardElement(game) {
     return clone;
 }
 
-function fetchGamesData() {
-    return fetch('https://mmo-games.p.rapidapi.com/games', {
+async function fetchGamesData() {
+    const response = await fetch('https://mmo-games.p.rapidapi.com/games', {
         method: 'GET',
         headers: {
             'X-RapidAPI-Key': '1c3169c707mshb51bff34cbc9ff6p1749b9jsn648a19134256',
             'X-RapidAPI-Host': 'mmo-games.p.rapidapi.com',
         },
-    }).then((response) => response.json());
-}
-
-document.addEventListener('DOMContentLoaded', () => {
-    loadAndRenderGames();
-});
-
-async function loadAndRenderGames() {
-    const loadingOverlay = document.getElementById('loading-overlay');
-    loadingOverlay.style.display = 'flex';
-
-    try {
-        const response = await fetch('https://mmo-games.p.rapidapi.com/games', {
-            method: 'GET',
-            headers: {
-                'X-RapidAPI-Key': '1c3169c707mshb51bff34cbc9ff6p1749b9jsn648a19134256',
-                'X-RapidAPI-Host': 'mmo-games.p.rapidapi.com',
-            },
-        });
-
-        const gamesData = await response.json();
-
-        renderGames(gamesData.slice(0, 50));
-    } catch (error) {
-        console.error('Games loading error:', error);
-    } finally {
-        loadingOverlay.style.display = 'none';
-    }
+    });
+    const gamesData = await response.json();
+    return gamesData.slice(0, 50);
 }
 
 function renderGames(games) {
@@ -113,6 +88,20 @@ function renderGames(games) {
     });
 }
 
+document.addEventListener('DOMContentLoaded', async () => {
+    const loadingOverlay = document.getElementById('loading-overlay');
+    loadingOverlay.style.display = 'flex';
+
+    try {
+        const gamesData = await fetchGamesData();
+        renderGames(gamesData);
+    } catch (error) {
+        console.error('Games loading error:', error);
+    } finally {
+        loadingOverlay.style.display = 'none';
+    }
+});
+
 function init() {
 
 }

diff --git a/homeworks/sviatoslav.taranenko_SviatoslavTaranenko/GamesProject/scripts/Games.js b/homeworks/sviatoslav.taranenko_SviatoslavTaranenko/GamesProject/scripts/Games.js
@@ -58,22 +58,6 @@ function createCardElement(game) {
     return clone;
 }
 
-function loadAndRenderGames() {
-    const loadingOverlay = document.getElementById('loading-overlay');
-    loadingOverlay.style.display = 'flex';
-
-    fetchGamesData()
-        .then((gamesData) => {
-            renderGames(gamesData.slice(0, 50));
-        })
-        .catch((error) => {
-            console.error('Games loading error:', error);
-        })
-        .finally(() => {
-            loadingOverlay.style.display = 'none';
-        });
-}
-
 function fetchGamesData() {
     return fetch('https://mmo-games.p.rapidapi.com/games', {
         method: 'GET',
@@ -84,6 +68,33 @@ function fetchGamesData() {
     }).then((response) => response.json());
 }
 
+document.addEventListener('DOMContentLoaded', () => {
+    loadAndRenderGames();
+});
+
+async function loadAndRenderGames() {
+    const loadingOverlay = document.getElementById('loading-overlay');
+    loadingOverlay.style.display = 'flex';
+
+    try {
+        const response = await fetch('https://mmo-games.p.rapidapi.com/games', {
+            method: 'GET',
+            headers: {
+                'X-RapidAPI-Key': '1c3169c707mshb51bff34cbc9ff6p1749b9jsn648a19134256',
+                'X-RapidAPI-Host': 'mmo-games.p.rapidapi.com',
+            },
+        });
+
+        const gamesData = await response.json();
+
+        renderGames(gamesData.slice(0, 50));
+    } catch (error) {
+        console.error('Games loading error:', error);
+    } finally {
+        loadingOverlay.style.display = 'none';
+    }
+}
+
 function renderGames(games) {
     const cardContainer = document.querySelector('[data-type="card-container"]');
 
@@ -103,7 +114,7 @@ function renderGames(games) {
 }
 
 function init() {
-    loadAndRenderGames();
+
 }
 
 document.addEventListener('DOMContentLoaded', init);