Creating elements

Read first Task 24

createElement + appendChild build DOM without innerHTML strings.

Task

Which appends a child?

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 ul=document.createElement('ul');
['AI','Python'].forEach(t=>{const li=document.createElement('li');li.textContent=t;ul.appendChild(li);});
document.body.appendChild(ul);
console.log(document.querySelectorAll('li').length);

JavaScript 1 automatic check The DOM

Code editor Ctrl + Enter runs

const ul=document.createElement('ul');
['AI','Python'].forEach(t=>{const li=document.createElement('li');li.textContent=t;ul.appendChild(li);});
document.body.appendChild(ul);
console.log(document.querySelectorAll('li').length);

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

One correct answer:

Track progress

0 of 56 tasks complete

Next task unlocks when every check passes.

← Previous

Next task (pass every check first)

Creating elements

Creating elements

Task

Why this works