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.

2 Likes

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