31:[] 2f:{"title":"Request Playground","cells":[{"id":0,"value":"md`# Request Playground`","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"md`\nThis is the result of a request using the [fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) to the NASA Astronomy Picture of the Day API:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"nasaData = { \n return fetch('https://api.nasa.gov/planetary/apod?api_key=DEMO_KEY')\n .then(data => {\n return data.json();\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"md`# Concatenate with HTML`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"html`\n

${nasaData.title}

This is an explanation:

${nasaData.explanation}

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"md`\n# Making Three Requests at once with Promise.all()\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"// Create an array of three Promises, remember that the fetch API call returns a promise\nthreeNasaData = {\n let promises = [\n nasaData,\n nasaData,\n nasaData\n ]\n\n return Promise.all(promises)\n .then((requests) => {\n return requests;\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"renderedHtml = {\n let result = \"\";\n threeNasaData.forEach((data) => {\n console.log(data);\n result += '

' + data.title + '

\\n

' + data.explanation + '

\\n'\n })\n return result\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"html`\n

\n ${renderedHtml}\n data.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"asteroidList = {\n \n let asteroidArray = [];\n \n let keys = Object.keys(asteroids.near_earth_objects);\n keys.forEach(key => {\n asteroids.near_earth_objects[key].forEach((asteroid) => asteroidArray.push(asteroid))\n })\n return asteroidArray\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"asteroidHtml = {\n \n let html = `\n \n \n \n \n \n \n `\n \n asteroidList.forEach(ast => {\n html += '' +\n '' +\n '' +\n '' +\n '' +\n ''\n })\n \n html += '

Asteroid Id	Potentially Dangerous?	Absolute Magnitude	NASA Link
' + ast.id + '	' + (ast.is_potentially_dangerous_asteroid ? \"Yes\" : \"No\") + '	' + ast.absolute_magnitude_h + '	' + `link` + '

'\n \n return html\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"html `${asteroidHtml}`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}