AI Computer Science Academy · Faisalabad

JavaScript Essentials

Course card renderer

Task 41 of 56 JavaScript Build real features
All tasks
Read first Task 41

Course card renderer

Turn an array of courses into cards with map + template strings.

Task

Which method turns data into markup?

The editor already contains a starting point. Change it until every check passes — the Next task button unlocks when it does.

What you start with
const cs=[{t:'AI',f:20000}];
const h=cs.map(c=>`<article>${c.t} Rs ${c.f}</article>`).join('');
document.body.innerHTML=h;
console.log(document.querySelectorAll('article').length);
JavaScript 1 automatic check Build real features
Code editor Ctrl + Enter runs
Run your code to see the output and the checks.
Your result

Submit your code to see results

Write your code in the middle column and press Run code.

Checks on this task:

  • Check 1

Track progress

0 of 56 tasks complete

Next task unlocks when every check passes.

Sign in to keep your code and certificates.

Next task (pass every check first)