Hej, denna vecka ska ni hämta data från ett API (se dagens screencast för mer info om hur ni gör).
Här hittar ni en bra grund att utgå ifrån:
Mer specifikt så ska vi hämta ”foton” från https://jsonplaceholder.typicode.com/photos . Dessa ”foton” ska vi sedan printa ut i HTML.
HTML strukturen ska se ut såhär:
<div id=”bildens-id”>
<h2>Bildens Titel</h2>
<img src=”bildens-url”>
</div>
För att kunna skriva ut varje bild behöver vi först göra dessa till objekt och loopa över listan med objekt. För varje objekt vill vi sedan bygga HTML som ovan exempel.
Betygsättning
Godkänt: kräver jag att ni får ut våra ”foton” enligt beskrivningen ovan. Att era element har varje foto-objekts ID och att JS’en körs utan fel 🙂 Samt att uppgiften är inlämnad enligt deadline.
Extra tryhard mode: Sortera bilder i album, baserat på albumId. Då kan du även visa bilderna som en lista t.ex. Gärna med en dynamisk rubrik som printas ”Album nr…” 🙂
<ul id=”albumdId”>
<li id=”id1″>Bild1</li>
<li id=”id2″>Bild2</li>
</ul>
Inlämning och deadline
Inlämning sker via mail till [email protected] och ska vara inne absolut senast på torsdag 28/11.