From 7bd68755b2518890eb7e154bbd2377df83240913 Mon Sep 17 00:00:00 2001
From: Jackson Pertusatti <49246580+pertusatti22@users.noreply.github.com>
Date: Mon, 7 Feb 2022 20:37:52 -0300
Subject: [PATCH] =?UTF-8?q?Alterando=20a=20BASE=5FURL=20para=20um=20novo?=
 =?UTF-8?q?=20servi=C3=A7o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

O serviço anterior retornava erro 523, assim procurei um novo serviço que retornasse o proposto e fiz as correções no código, porque o objeto era um pouco diferente.
---
 .../projeto-html/assets/js/scripts.js         | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/javascript-assincrono/projeto-html/assets/js/scripts.js b/javascript-assincrono/projeto-html/assets/js/scripts.js
index b287e87..e788788 100644
--- a/javascript-assincrono/projeto-html/assets/js/scripts.js
+++ b/javascript-assincrono/projeto-html/assets/js/scripts.js
@@ -1,21 +1,25 @@
-const BASE_URL = 'https://thatcopy.pw/catapi/rest/';
+const BASE_URL = 'https://api.thecatapi.com/v1/images/search';
+//'https://thatcopy.pw/catapi/rest';
+const catBtn = document.getElementById('change-cat');
 
 const getCats = async () => {
-	try {
-		const data = await fetch(BASE_URL);
-		const json = await data.json();
-		return json.webpurl;
-	} catch (e) {
-		console.log(e.message);
-	}
-};
+    try{
+        const data = await fetch(BASE_URL);
+        const json = await data.json();
+
+        return json[0].url;
+        
 
-const loadImg = async () => {
-	const img = document.getElementsByTagName('img')[0];
-	img.src = await getCats();
+    } catch (e){
+        console.log(e.message);
+    }
 };
 
-loadImg();
+const loadImg = async() => {
+    const catImg = document.getElementById('cat');
+    catImg.src = await getCats();
+}
 
-const btn = document.getElementById('change-cat');
-btn.addEventListener('click', loadImg);
+catBtn.addEventListener('click', loadImg);
+
+loadImg();