This practical challenges students to access information from a JSON variable and generate HTML. Information can range from integers and strings to more complex data such as arrays or even other JSON.

Bayside High School

Scenario: Create a card using all the information from the JSON variable school about Bayside High School.

Show Card

Favorite Artist

Scenario: Create a JSON of your favorite music artist. Include the artist name, the image of an album, the title of the album, and a link to a website about the artist. Create a card using all the information in the JSON.

Show Card

Output