Label outside the scope

still cannot understand clearly. can you explain more simply? sorry, maybe I'm too beginner to understand it. so if I understand it, if we want to call checkbox function through (into) the label function, we need to return label function first? it just mixed up in my head... please help me to understand it.

Perhaps a code example would help:

function scopeTest() {
    var first = "one";
    var last = "two";
    return first;
}

var first = scopeTest();
console.log(first);  // this will output "one"
console.log(last);   // this will cause a ReferenceError, since last is not defined here

Steven Parker I, too, have the same question... your code sample makes TOTAL SENSE... I liked to humbly believe that before this video I understood and applied my knowledge of variable/function scope... but this makes me feel shaky.

To further the conversation: if the label is being created outside of the checkbox scope, why isn't it also true that the CONST LI is created outside the scope of these new functions?

I understand that adding the return statement is helpful here but I can't quite understand why it is only really applicable to the label/checkbox conundrum.

Thank you for your time & expertise.

The "appendToLI" function is in the same scope as "const li", so it has access to "li" variable.

But the "element" is created inside the "appendToLi" function, so the code outside that function does not have access to it directly. By providing at as the function's return value, you then chain the "appendChild" method to it.

Only the label and the checkbox are being added to new elements. In the other cases, the elements are created and added to the list by themselves.