Long description

Back

The image consists of 16 lines of JavaScript code. Line 1: function getData open parenthesis close parenthesis open curly brace at indentation level 0. Line 2: StartCommand let EndCommand prom1 equals fetch open parenthesis movieAPI close parenthesis dot then open parenthesis response equals close angle bracket response dot json open parenthesis close parenthesis close parenthesis semicolon at indentation level 1. Line 3: StartCommand let EndCommand prom2 equals fetch open parenthesis artAPI close parenthesis dot then open parenthesis response equals close angle bracket response dot json open parenthesis close parenthesis close parenthesis semicolon at indentation level 1. Line 4: StartCommand let EndCommand prom3 equals fetch open parenthesis langAPI close parenthesis dot then open parenthesis response equals close angle bracket response dot json open parenthesis close parenthesis close parenthesis semicolon at indentation level 1. Line 1, 2, and 3 points to 3 different cloud database servers shaded in red, yellow, and green that is placed at the right of the code. Line 5: return Promise dot all open parenthesis open square bracket prom1 comma prom2 comma prom3 close square bracket close parenthesis semicolon at indentation level 1. Promise dot all in line 5 is labeled returns a Promise. prom1, prom2, prom3 in line 5 is labeled passed an array of Promise objects. Line 6: close curly brace at indentation level 0. Line 7: getData open parenthesis close parenthesis dot then open parenthesis arrayofResolves equals close angle bracket open curly brace at indentation level 0. arrayofResolves in line 7 is labeled When all the passed Promise objects are resolved, then this function will be called and passed an array of the resolved data. Line 8: open square bracket movies comma galleries comma languages close square bracket equals arrayofResolves semicolon. Line 8 is labeled Uses array destructuring, create three variables containing the data from each fetched API. Line 9: result dot inner H T M L equals at indentation level 1. Line 10: Open backtick open angle bracket p close angle bracket This data is from three separate fetches ellipsis open angle bracket forward slash p close angle bracket at indentation level 2. Line 11: open angle bracket ul close angle bracket at indentation level 2. Line 12: open angle bracket l i close angle bracket dollar open curly brace movies open square bracket 0 close square bracket dot title close curly brace open angle bracket forward slash l i close angle bracket at indentation level 3. Line 13: open angle bracket l i close angle bracket dollar open curly brace galleries open square bracket 0 close square bracket dot galleryName close curly brace open angle bracket forward slash l i close angle bracket at indentation level 3.

Line 14: open angle bracket l i close angle bracket dollar open curly brace languages open square bracket 0 close square bracket dot name close curly brace open angle bracket forward slash l i close angle bracket at indentation level 3. Line 15: open angle bracket forward slash u l close angle bracket close backtick semicolon at indentation level 2. Line 16: close curly brace semicolon at indentation level 0.

Back