diff --git a/src/index.js b/src/index.js index 50f2b59..bfc3ee3 100644 --- a/src/index.js +++ b/src/index.js @@ -2,6 +2,7 @@ function usersRetrieved(response) { return response.json(); } + function userJSONReady(users) { const usersDiv = document.getElementById("users"); let usersHTML = ""; @@ -12,3 +13,20 @@ function userJSONReady(users) { usersDiv.innerHTML = (usersHTML); } +function commentJsonReady(comments) { + const commentsDiv = document.getElementById("comments"); + let commentsHTML = ""; + for (let i = 0; i < comments.length; i++) { + const comment = comments[i]; + commentsHTML += "
" + comment.name + "
"; + } + commentsDiv.innerHTML = (commentsHTML); +} + +const userswebRequestPromise = fetch("https://jsonplaceholder.typicode.com/users"); +const usersgetJsonPromise = userswebRequestPromise.then(usersRetrieved); +usersgetJsonPromise.then(userJSONReady); + +const commentswebRequestPromise = fetch("https://jsonplaceholder.typicode.com/comments"); +const commentsgetJsonPromise = commentswebRequestPromise.then(usersRetrieved); +commentsgetJsonPromise.then(commentJsonReady); diff --git a/yarn.lock b/yarn.lock index 2472119..7aba5c8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1264,12 +1264,6 @@ binary-extensions@^1.0.0: version "1.8.0" resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.8.0.tgz#48ec8d16df4377eae5fa5884682480af4d95c774" -biskviit@1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/biskviit/-/biskviit-1.0.1.tgz#037a0cd4b71b9e331fd90a1122de17dc49e420a7" - dependencies: - psl "^1.1.7" - block-stream@*: version "0.0.9" resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a" @@ -2090,7 +2084,7 @@ encodeurl@~1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.1.tgz#79e3d58655346909fe6f0f45a5de68103b294d20" -encoding@0.1.12, encoding@^0.1.11: +encoding@^0.1.11: version "0.1.12" resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb" dependencies: @@ -2567,13 +2561,6 @@ fbjs@^0.8.9: setimmediate "^1.0.5" ua-parser-js "^0.7.9" -fetch@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/fetch/-/fetch-1.1.0.tgz#0a8279f06be37f9f0ebb567560a30a480da59a2e" - dependencies: - biskviit "1.0.1" - encoding "0.1.12" - figures@^1.3.5: version "1.7.0" resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e" @@ -4876,7 +4863,7 @@ promise@7.1.1, promise@^7.1.1: dependencies: asap "~2.0.3" -prop-types@^15.5.7, prop-types@^15.5.8, prop-types@~15.5.7: +prop-types@^15.5.7, prop-types@~15.5.7: version "15.5.8" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.8.tgz#6b7b2e141083be38c8595aa51fc55775c7199394" dependencies: @@ -4897,10 +4884,6 @@ pseudomap@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3" -psl@^1.1.7: - version "1.1.18" - resolved "https://registry.yarnpkg.com/psl/-/psl-1.1.18.tgz#a8f2f5465a01e8acce4ff2d72342b05c7b507d90" - punycode@1.3.2: version "1.3.2" resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"