Course Project Step: A Card Drawn from Data

Build a profile card whose content comes from a JavaScript object rather than from the HTML. The HTML holds empty slots with ids; your script fills in the name, the city and a one-line bio, and builds a list of skills from an array, one li per skill. Then change the object, rerun, and watch the card change with it. That separation, data in one place and the page drawn from it, is the shape of every app from here on.

YOUR TURN · WEB PAGE

Your turn → Work through it step by step. This is a piece of the course project, not a throwaway exercise.

loading editor…

Syntax has to be exact. Every quote, bracket, brace and parenthesis needs its partner, and every HTML tag you open needs closing. One slip and the script won't run; the message under the page will say where.

Built it in both languages?

Mark it done once your Python and JavaScript versions both run correctly. Honesty here is what makes the dashboard useful to you.

← Back Next: Module 27: Events →