Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text "Hel

Hello , now i have a problem with nav-link, the story hint is ,this is the problem i have can’t pass the test. Thank you!
I already put the same name , dunt know why still have the problem.

„ Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”)

   **Your code so far**
/* file: index.html */
<nav id="navbar">
  <header>JS Documentation</header>
 <ul>
   <li>
 <a class="nav-link"
href="#Introduction">Introduction</a></li>
 <li>
 <a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java</a></li>
   <li>
<a class="nav-link" href="#what_you_should_already_know">what you should already know</a></li>
<li>
<a class="nav-link" href="#Hello_world">Hello world</a></li>
<li>
 <a class="nav-link" href="#variables">variables</a></li>
 <li>
   <a class="nav-link"
   href="#Declaring_variables">Declaring variables</a>
   </li>
 </ul>
   </nav>



<main id="main-doc">
 <section 
 class="main-section"
id="Introduction">
<header>Introduction</header>
   <article>
     <p>
       JavaScript is a cross-platform, object-oriented scripting language. It is a small and lightweight language. Inside a host environment 

 <ul>
   <li>Client-side JavaScript </li>
   <li>Server-side </li>
</section>

<section class="main-section" 
id="What_you_should_already_know">
<header>what you should already know</header>
<article>
 <p>
   This guide assumes you have the following basic background:</p>
   <li>A general understanding of the Internet and the World Wide Web (WWW)</li>
   <li>Good working knowledge </li>
</section>

<section class="main-section"
id="Java script_and_Java"><header>Javascript and Java</header>
<article>
 <p>JavaScript and Java are similar in some ways but fundamentally different</p>
 <p>
   In contrast to Java's compile-time system of classes built by declarations, JavaScript supports a runtime system based on a small
       number of data types representing numeric, Boolean, and string values.</p>    
</article>   
</section>

<section class="main-section"
id="Hello_world">
<header>Hello world</header>
</section>
<article>
 <p>
   To get started with writing JavaScript, open the Scratchpad and write your
     first "Hello world" JavaScript code:
     <code
       >function greetMe(yourName) { alert("Hello " + yourName); }
       greetMe("World");
     </code>
     </p>
     </article>


<section class="main-section"
id="variables"><header>variables</header></section>
<p>
     You use variables as symbolic names for values in your application. The
     names of variables, called identifiers, conform to certain rules.
   </p>
 <p>
     A JavaScript identifier must start with a letter, underscore (_), or
     dollar sign ($); subsequent characters can also be digits (0-9). Because
     JavaScript is case sensitive, letters include the characters "A" through
     "Z" (uppercase) and the characters "a" through "z" (lowercase).
   </p>  
   <p>
     You can use ISO 8859-1 or Unicode letters such as å and ü in identifiers.
     You can also use the Unicode escape sequences as characters in
     identifiers. Some examples of legal names are Number_hits, temp99, and
     _name.
   </p>
   
   </section>
 <section class="main-section" id="Declaring_variables">
   <header>Declaring variables</header>
   <article>
     You can declare a variable in three ways:
     <ul>
  <li>Boolean. true and false.</li>
<li>
A special keyword denoting a null value. Because JavaScript is case-sensitive, null is not the same as Null, NULL, or any other variant.
           </li>
<li>undefined. A top-level property whose value is undefined.</li>
</ul>



/* file: styles.css */

   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.2 Safari/605.1.15

Challenge: Build a Technical Documentation Page

Link to the challenge:

The ids and href targets must match exactly. Some of yours use different capitalization or symbols in them. An id cannot have any spaces in it.

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