Need help-product landing page - form issues

I have been trying to complete the product landing page project but cant get past #7 form element nor defined. I dont know how to attach my page ,im fairly new at this, but here is what i have so far:

<html>
  <title id="title"> </title>
  <header id="header">
    <div class="logo">
         <img 
            id="header-img"   
              src="https://www.logodesignlove.com/images/monograms/tesla-symbol.jpg"
              alt="tesla logo"
              width="100"
              
            /> 
    </div>
    
    <nav id="nav-bar">
      <ul><h1>
         <a class="nav-link" href=#whatisTesla?> what is Tesla?</a> &nbsp; &nbsp; &nbsp;
         <a class="nav-link" href=#Models> Models</a> &nbsp; &nbsp; &nbsp;
         <a class="nav-link" href="#Pricing"> Pricing</a> &nbsp; &nbsp; &nbsp;
        </h1></ul>
    </nav>
  </header>
  
<body>
  
  <section id="whatisTesla?">
    </section>
  <div>
   <iframe  id="video" 
           width="560" 
           height="315" 
           src="https://www.youtube.com/embed/laW8rtUEMyc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
  <section id="Models">
  </section>
  
  <section id="Pricing">
  </section>
  </body>
     <form id="form" action="https://www.freecodecamp.com/email-submit">
    <input name="email" id="email" type="email" placeholder="Enter your email address" required/>
       <input id="submit" type="submit" value="Get Started" class="btn"></input>
  </form>
</section>

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 (’).

ok thanks will do from now on.

Hi @gprado323 !

Welcome to the forum!

In the future, it is best to share your codepen links when asking for help on projects.

Also make sure to keep your script tag in the html section.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

When I threw this into codepen, it shows test no.7 passing.

thanks for the quick reply. i’m confused as to where i would use the script tag? in my form section?

You would place it here.

<body>
  <header id="header">
    <div class="logo">
      <img id="header-img" src="https://www.logodesignlove.com/images/monograms/tesla-symbol.jpg" alt="tesla logo" width="100" />
    </div>

    <nav id="nav-bar">
      <ul>
        <h1>
          <a class="nav-link" href=#whatisTesla?> what is Tesla?</a> &nbsp; &nbsp; &nbsp;
          <a class="nav-link" href=#Models> Models</a> &nbsp; &nbsp; &nbsp;
          <a class="nav-link" href="#Pricing"> Pricing</a> &nbsp; &nbsp; &nbsp;
        </h1>
      </ul>
    </nav>
  </header>

  <section id="whatisTesla?">
  </section>
  <div>
    <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/laW8rtUEMyc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </div>
  <section id="Models">
  </section>

  <section id="Pricing">
  </section>

  <form id="form" action="https://www.freecodecamp.com/email-submit">
    <input name="email" id="email" type="email" placeholder="Enter your email address" required />
    <input id="submit" type="submit" value="Get Started" class="btn"></input>
  </form>
  </section>
  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>

Also did you add the script tageyou added here to my code and it worked or did my code as is work for you?

I added the script tag to your code.

I also changed the location of your body tags.

You can take a look at my code from earlier, and see I placed it just before the end of the body tag.

Sidenote:
When you finish the project, I would suggest making a separate post in #project-feedback section because there are a few errors that need fixing.

i just pasted the whole code you have posted on here to see if it changed anything but im still getting #7 form not defined error. Do you think i have to redo the page or could it be a bug issue? i will post my link now

On my end I am getting this error message

It looks like the form test is passing
Screen Shot 2021-08-24 at 9.10.46 PM

so i don’t know what happened but i closed the pages and reopened to find that i pass all test minus the one you just posted. i will try resetting the page next time. i think i can figure it out from here. thanks a lot for the help , I was stuck for days and didn’t know this forum was so useful. i will post on project feedback when done to get corrections.

1 Like

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