Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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,517 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.