Step 56 from learn html by building a cat photo

Step 56
There’s another way to associate an input element’s text with the element itself. You can nest the text within a label element and add a for attribute with the same value as the input element’s id attribute.
Associate the text Loving with the checkbox by nesting only the text Loving in a label element and giving it an appropriate for attribute.

I noticed quite a few people lost at this step. I am sympathetic to their confusion since I had to read it several time as I analyze it to comprehend what’s the message that I need to distill.
There are two parts in it and I break the first part into sections. I can see why it could be confusing at this point, it says:

There’s another way to associate an input element’s text with the element itself.

As a student I am not getting why you are saying this. I have done so far at this point an input, I might not even grasp yet what I have done before. So I am going to skip understanding this part. I’ll keep reading.

You can nest the text within a label element and add a for attribute with the same value as the input element’s id attribute.

Eh? Now, it is talking about a label, without emphasizing what does it have to do with what it was saying before of input. I do not know why is trying to tell me that. I’ll skip it. Maybe if I continue I’ll get what’s required.

Here’s the second part and the real task:

Associate the text Loving with the checkbox by nesting only the text Loving in a label element and giving it an appropriate for attribute.

I can see the Loving text but it says something about a checkbox. Before it was saying about input and label and now is saying about checkbox. What checkbox? Did I forget something? How can I nest something if I do not get what a checkbox is? What is it saying about “appropriate for attribute”? (it did not even register that the word for got an specific meaning there) I am lost. I cannot figure out. I better start trying different things to see if something stick and pass. Next time I am confronted with need to know this knowledge in the lesson ahead, I am going to be even more lost and frustrated.

Fortunately, the forum is available and by going back and forth eventually I got it.

Disclaimer:
No digital bits have been harmed in the interpretation of this reanimation. Any person is fiction and association to an actual person is pure coincidence.

After some more thought I would like to present an idea. How about wording it as this:

Now where are going to try something different. In the past you did this:
<Insert the checkbox code here>
<Brief reminder of the parts that makes a checkbox>
Using the same vocabulary (parts of what make a checkbox) ask the user to modify for an alternative way of setup the same checkbox.

You should summarize this and create a github issue:
https://github.com/freeCodeCamp/freeCodeCamp/issues

Take a look at a few of the issues to see how best to format your suggestion. Maybe this is a good example:
https://github.com/freeCodeCamp/freeCodeCamp/issues/53976

1 Like