Can't validate the technical documentation project

Hi there,

1st post for me here.

I am trying to validate the technical doc project but I always get the part about " Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_ ) for the id’s" wrong…

Here is the code I have created so far:

<main id="main-doc">
      <section id="Introduction" class="main-section">
        <header>
          <h1>Introduction</h1>
            <p>You are going to learn how to code</p>
            <p>Your need to be prepared for this</p>
        </header>
      </section>
      <section id="Main_Principles" class="main-section">
        <header>
          <h1>Main Principles</h1>
            <p>Start by clearing your mind</p>
            <p>Take a deep breath in</p>
            <p>And a deep breath out</p>
        </header>
      </section>
      <section id="Instructions" class="main-section">
        <header>
          <h1>Instructions</h1>
            <p>Know that you know nothing</p>
            <p>You are going to be pushed to the limit</p>
            <ul>
              <li>Don't stress</li>
              <li>Don't stress</li>
              <li>Don't stress</li>
              <li>Don't stress</li>
              <li>Don't stress</li>
            </ul>
        </header>
      </section>
      <section id="Best_Practices" class="main-section">
        <header>
          <h1>Best Practices</h1>
            <p>Never give up</p>
            <p>Drink plenty of water</p>
            <code>12x12</code>
            <code>12x12</code>
            <code>12x12</code>
            <code>12x12</code>
            <code>12x12</code>
        </header>
      </section>
      <section id="FAQ" class="main-section">
        <header>
          <h1>FAQ</h1>
            <p>Any questions guys?</p>
        </header>
      </section>

Do you see something I don’t see ?

Thank you !

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

It’s always important to read the full error. When I take your code and run it through the test, I get this error:

  1. Each element with the class of “main-section” should also have an id comprised of the innerText contained within it, with underscores in place of spaces. The id may include special characters if there are special characters in the respective innerText. (e.g. The that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript_&_Java”).
    Some “main-section” elements are missing the following ids (don’t forget to replace spaces with underscores!) : INTRODUCTION__YOU_ARE_GOING_TO_LEARN_HOW_TO_CODE__YOUR_NEED_TO_BE_PREPARED_FOR_THIS,MAIN_PRINCIPLES__START_BY_CLEARING_YOUR_MIND__TAKE_A_DEEP_BREATH_IN__AND_A_DEEP_BREATH_OUT,INSTRUCTIONS__KNOW_THAT_YOU_KNOW_NOTHING__YOU_ARE_GOING_TO_BE_PUSHED_TO_THE_LIMIT__DON’T_STRESS_DON’T_STRESS_DON’T_STRESS_DON’T_STRESS_DON’T_STRESS,BEST_PRACTICES__NEVER_GIVE_UP__DRINK_PLENTY_OF_WATER__12X12_12X12_12X12_12X12_12X12,FAQ__ANY_QUESTIONS_GUYS? : expected 5 to equal 0
    AssertionError: Some “main-section” elements are missing the following ids (don’t forget to replace spaces with underscores!) : INTRODUCTION__YOU_ARE_GOING_TO_LEARN_HOW_TO_CODE__YOUR_NEED_TO_BE_PREPARED_FOR_THIS,MAIN_PRINCIPLES__START_BY_CLEARING_YOUR_MIND__TAKE_A_DEEP_BREATH_IN__AND_A_DEEP_BREATH_OUT,INSTRUCTIONS__KNOW_THAT_YOU_KNOW_NOTHING__YOU_ARE_GOING_TO_BE_PUSHED_TO_THE_LIMIT__DON’T_STRESS_DON’T_STRESS_DON’T_STRESS_DON’T_STRESS_DON’T_STRESS,BEST_PRACTICES__NEVER_GIVE_UP__DRINK_PLENTY_OF_WATER__12X12_12X12_12X12_12X12_12X12,FAQ__ANY_QUESTIONS_GUYS? : expected 5 to equal 0

So, when it tries to figure out what your Introduction id should be INTRODUCTION__YOU_ARE_GOING_TO_LEARN_HOW_TO_CODE__YOUR_NEED_TO_BE_PREPARED_FOR_THIS,MAIN_PRINCIPLES__START_BY_CLEARING_YOUR_MIND__TAKE_A_DEEP_BREATH_IN__AND_A_DEEP_BREATH_OUT.

Read the instructions more closely:

an id comprised of the innerText contained within it

It is looking at the text that is in the header. Should all of that text be in the header?

Sure, will do next time, thanks for reformatting it for me.

1 Like

I understand my mistakes now, thank you. I should have placed the

<header> 

element only around my

<h1> 

elements.

Where did you get the full error message ? I can’t see it anywhere.

Thanks again for your help.
Tristan

image

When I run the test, I can click on the red button and get a readout.

Thank you, but I don’t know where to find this screen.

I don’t see it on my page.

How are you testing this? Maybe I’m misunderstanding something.

Oh, IC, the new curriculum is doing it differently now. I guess it doesn’t have that now. But what I’ve told you about why it’s not working still stands.

Ok, yeah, I got the why, thank you for your help !

Tristan