Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript DOM Scripting By Example Improving the Application Code Refactor 1: Create List Items

Saqib Ishfaq
Saqib Ishfaq
13,912 Points
Posted by Saqib Ishfaq
Saqib Ishfaq
13,912 Points

i lost it at how did he use "append to LI" function here?

was just trying to grasp createElement function, and just when i got little clue over it, here comes the appendToLI just need bit explaination here

  const label = createElement('label', 'textContent', 'confirmed');
   const checkbox = createElement('input', 'type', 'checkbox');
   li.appendChild(label);
   label.appendChild(checkbox);

how can he not append "label" and "checkbox" like other elements and why do we have to "return element;" in the "appendToLI" function to do that?

1 Answer

Tobiasz Gala
seal-mask
.a{fill-rule:evenodd;}techdegree
Tobiasz Gala
Full Stack JavaScript Techdegree Student 23,529 Points
Tobiasz Gala
.a{fill-rule:evenodd;}techdegree
Tobiasz Gala
Full Stack JavaScript Techdegree Student 23,529 Points

createLI returns li element as you can see there is eventListener and returned value is used with li variable

He cant use it on label and checkbox because checkbox needs to be appended to label first and then to li

It's hard to explain it with just a few lines of code but I think you should watch javascript basics first and then jump to this course because it is more about how to work with a DOM not how functions work.