Having trouble with the user story #4 on Technical Documentation Page

HTML-CSS
1

A link to the challengeHere

here is my code

my issue is with user story #4:
User Story #4: Each section element with the class of main-section should also have an id that corresponds with the text of each header contained within it. Any spaces should be replaced with underscores (e.g. The section that contains the header “JavaScript and Java” should have a corresponding id="JavaScript_and_Java" ).

can anyone see what im missing?

2

The section id and the header/h1 title should be exactly the same, except instead of space you put the “_” character. :slight_smile:

For example, in your code, one of your sections has the id of intro_blank, while its header/h1 is entitled Java Script Introduction.
In the example given by FCC, the section id is JavaScript_and_Java exactly because the header is named JavaScript and Java.

Hope it helped. ^^

3

here is the boilerplate of what the user story says

<main id="main-doc">
    <section class="main-section" id="Basics">
               <header class="doc-title">Basics</header>
.........some more content
    </section>

       <section class="main-section" id="Zenhome_features">
              <header class="doc-title">Zenhome features</header>
              ...... some more content
        </section>
......
</main>
4

Id and text inside the header with class of doc-title is same with space replaced by _

5

@sthorne815, when a test fails click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
Reading the full error message will help you to understand what the test is looking for and why it fails.

The failing message says;

Each <section> element with the class of "main-section" should also have an id comprised of the <header> innerText contained within it, with underscores in place of spaces. The id may include special characters if there are special characters in the respective <header> innerText. (e.g. The <section> 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!) : JAVA_SCRIPT_INTRODUCTION,WHAT_YOU_NEED_TO_KNOW,JAVA_SCRIPT_VOCABULARY,DECLARING_VARIABLES,REFRENCES : expected 5 to equal 0
AssertionError: Some "main-section" elements are missing the following ids (don't forget to replace spaces with underscores!) : JAVA_SCRIPT_INTRODUCTION,WHAT_YOU_NEED_TO_KNOW,JAVA_SCRIPT_VOCABULARY,DECLARING_VARIABLES,REFRENCES : expected 5 to equal 0

Do you understand what the test is looking for and why it is failing?

Someone has given you the answer but I hope by reading through the entire message you understand why the test failed.
On a side note, when they gave the answer, case is not important. But the text with underscores is.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.