Read JSON from Github and display avatar

js-ov14-oop4-sander-kvenild/mamma2.html

@@ -61,8 +61,7 @@
             // Ny kode
             async function tallOver10(tall) {
                 return new Promise(
-                    (resolve, reject) => {
-                        console.log(2, tall);
+                    resolve => {
                         if (tall > 10) {
                             resolve("Tallet er over 10");
                         }
@@ -83,9 +82,8 @@
                     (resolve, reject) => {
                         for (i = 0; i < stringArray.length; i++) {
                             if (/[^a-zA-ZæøåÆØÅ]/.test(stringArray[i])) {
-                                var reason = new Error(`Element: ${i} inneholder symboler som ikke er bokstaver!`);
+                                var reason = new Error(`Element[${i}]: med verdi "${stringArray[i]}" inneholder symboler som ikke er bokstaver!`);
                                 reject(reason);
-                                return;
                             }
                         }
                         stringArray = stringArray.map((e) => e.toUpperCase())
@@ -99,9 +97,8 @@
                     (resolve, reject) => {
                         for (i = 0; i < stringArray.length; i++) {
                             if (/[^a-zA-ZæøåÆØÅ]/.test(stringArray[i])) {
-                                var reason = new Error(`Element: ${i} inneholder symboler som ikke er bokstaver!`);
+                                var reason = new Error(`Element[${i}]: med verdi "${stringArray[i]}" inneholder symboler som ikke er bokstaver!`);
                                 reject(reason);
-                                return;
                             }
                         }
                         stringArray = stringArray.sort();
@@ -110,17 +107,45 @@
                 )
             }
 
+            async function showGithubAvatar(username) {
+                const requestURL = `https://api.github.com/users/${username}`;
+                const request = new Request(requestURL);
+
+                const response = await fetch(request);
+                if (response.status == 404) {
+                    throw new Error(`User '${username}'' doesn't exist`);
+                    return;
+                }
+
+                const userJSON = await response.json();
+
+                utdata.innerHTML += `<br><img src=${userJSON.avatar_url} />`;
+            }
+
             // Kode som kjører funksjonene
             (async () => {
                 await hvaSierMamma();
+
                 utdata.innerHTML += "<br>";
                 await testTall(2);
                 await testTall(15);
                 await testTall(10);
+
                 utdata.innerHTML += "<br>";
-                let storeBokstaver = await lagStoreBokstaver(["abcdefg", "test", "æøå", "sorttest"]);
-                let sortertArray = await sort(storeBokstaver);
-                utdata.innerHTML += "<br>" + sortertArray;
+                try {
+                    let storeBokstaver = await lagStoreBokstaver(["abcdefg", "test", "æøå", "sorttest"]);
+                    let sortertArray = await sort(storeBokstaver);
+                    utdata.innerHTML += "<br>" + sortertArray;
+                } catch (error) {
+                    utdata.innerHTML += "<br>" + error.message;
+                }
+
+                utdata.innerHTML += "<br>";
+                try {
+                    await showGithubAvatar("remy");
+                } catch (error) {
+                    utdata.innerHTML += "<br>" + error.message;
+                }
             })();
         
         </script>