Technical Documentation Page - Build a Technical Documentation Page

**Whenever I try to run the tests to see if I have coded everything correctly there is one checklist that I am missing. It states “ 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”).” I’ve looked over it multiple times but nothing seems to be working! If someone could help me solve this problem I would be extremely grateful!! I’ve been trying to do this for hours and just can’t seem to see what i am doing wrong. I am using an iPad to code all of this work so that might be one of the problems. Anyways thanks in advance for any advice given. **

My code so far

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./styles.css" rel="style sheet">    
    <title>Java Documentation</title>
    </head>
    <body>
      <nav id="navbar">
        <header>Java Documentation</header>
        <ul>
          <li>
            <a class="nav-link" href="#Getting_started_with_Java"></a>Getting started with Java</li>
          <li>
            <a class="nav-link" href="#Java_Entry_Point"></a>Java Entry Point</li>
          <li>
            <a class="nav-link" href="#Printing_to_the_console"></a>Printing to the console</li>
          <li>
            <a class="nav-link" href="#Declaring_Functions"></a>Declaring Functions</li>
          <li>
            <a class="nav-link" href="#Object_Oriented_Programming"></a>Object Oriented Programming</li>
        </ul>
      </nav>
      <main id="main-doc">
        <section class="main-section" id="Getting_started_with_Java">
          <header>Getting Started with Java</header>
            <p>Srteps in getting started</p>
            <ol>
              <li>Download Java</li>
              <li>Doanload java SDK</li>
              <li>Get an Integrated Development Environment</li>
              <li>Start a project withtin the IDE</li>
              <li>Code up "Hello World" and run the code</li>
              </ol>
        </section>
        <section class="main-section" id="Java_Entry_Point">
          <header>Java Entry Point</header>
          <p>The entry point to a java application is the main function.</p>
          <p>It is categorizd by its (String[] arg) as a parameter to the function</p>
          <pre>
            <code>
              public class MyMainFunction{
                /* java main function example
                public static void main(string[] args)(
                  
                )
              }
              </code>
            </pre>
            <p>As you can see the main function is wrapped withing a class whcih is part of the object structure of Java Projects.</p>
              <p>The name of the project is therefore "MyMainFunction"</p>
        </section>
        <section class="main-section" id="Printing_to_the_console">
          <header>Printing to the console</header>
          <p>In order to print to the console. we use System.out.println.</p>
          <p>I know, it is a very long and cumbersome, but this is the way its done.</p>
          <pre>
            <code>
              public class MyMainFunction {
                /* Java main function example */
                Public static void main(String[] args){
                System.out.println("Hello World");
                }
              }
            </code>
          </pre>
          <p>In this example we are printing out "Hello World" to the console when we run the program.</p>
        </section>
        <section class="main-section" id="Declaring_Functions">
          <header>Declaring Functions</header>
          <p>Functions are actually called methods in Java. Here is an example of how to declare a Java method.</p>
          <img src="https://techvidvan.com/tutorials/wp-content/uploads/sites/2/2020/02/ex:" alt="java-method-img" class="image"/>
          <p>Some copiable code:</p>
          <pre>
            <code>
              Public static void myFunction(String name, int age)
              {
                //function code
              }
            </code>
          </pre>
        </section>
        <section class="main-section" id="Object_Oriented_Programming">
          <header>Object Oriented Programming</header>
          <p>Java is known as an object oriented programming language.</p>
          <p>This means that it is easy to represent entities as objects by using classes and encapsulation.</p>
          <p>An example of this might be a Student class to represent a student</p>
          <pre>
            <code>
              public class Student{
                /* Student properties */
                private String name;
                private int age;

                /* Constructor */
                public Student(Sting name. int age){
                  this .name = name;
                  this.age = age;
                }

                /* Getter method */
                public String getName(){
                  return name;
                }

                /* Setter method */
                public void setName(String name){
                  this.name = name;
                }
              }
            </code>
          </pre>
          <p>We use this class by doing the following</p>
          <pre>
            <code>
              Student student1 = new student("Jimmy", 19)
              String jimmyName = student1.getName();
              student1.setName("Kevin");
              String kevinName = student1.getName();
            </code>
          </pre>
        </section>
        <footer>
          <p>Documentation brought to you on the fly by Soren King</p>
          </footer>
        </main>
      </body>
  </html>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Take a look at your nav-links at the top of the page you’ve created… can you click on them? It seems you’ve messed up your links, particulary whats inside your <a> tags.

1 Like

Actually the nav-links allow me to scroll down the page when I click on them so I don’t think that seems to be the issue

Your nav-links are empty…

The text is outside the .nav-link elements.

1 Like

Oh my goodness thank you so much!! So a simple fix and I kept looking over it

1 Like