Why am i failing the "form id"

Why am i failing the "form id"
0

#1

Tell us what’s happening:

Your code so far

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<style>
</style>
<h1 id="title">Custmer Survey</h1>
<p id="description">
  Let us know how we can improve and recieve a gift card for 5$.
</p>
<form> <form id="survey form"></form>
<div class="rowTab">
  <div class="labels">
    <label id="name-label" for="name">* Name: </label>
  </div>
  <div class="rightTab">
    <input autofocus type="text" name="name" id="name" class="input-field" placeholder="Enter your name" required>
  </div>
</div>
<div class="rowTab">
  <div class="labels">
    <label id="email-label" for="email">* Email: </label>
  </div>
  <div class="rightTab">
    <input type="email" name="email" id="email" class="input-field" required placeholder="Enter your Email">
  </div>
</div>
<div class="rowTab">
  <div class="labels">
    <label id="number-label" for="age">* Age: </label>
  </div>
  <div class="rightTab">
    <input type="number" name="age" id="number" min="13" max="100" class="input-field" placeholder="Age">
  </div>
</div>
<label for="user-rating">* How would you rated your experience with us today?</label>
</div>
<div class="rowTab">
  <ul style="list-style: none;">
    <li class="radio">
      <label>Excellent<input name="radio-buttons" value="1"  type="radio" class="userRatings" ></label></li>
    <li class="radio"><label>Satisfactory<input name="radio-buttons" value="2"  type="radio" class="userRatings" ></label></li>
    <li class="radio"><label>Displeased<input name="radio-buttons" value="3"  type="radio" class="userRatings" ></label></li>
  </ul>
</div>
</div>
<label for="return"> *How likely are you to shop here agian</label></div>
<div class="rightTab">
  <ul style= "list-style: none;">
    <li class= "radio">
      <label>Highly Likely<input name="radio-buttons" value="1" type="radio" class="return"></label></li>
    <li class="radio">  <label>Possibly<input name="radio-buttons" value="2" type="radio" class="return"></label></li>
     <li class="radio"> <label>Highly Un-likely<input name="radio-buttons" value="3" type="radio" class="return"></label></li>
</div>
    <div class="rowTab">
      <div class="labels">
        <label for="ad">How did you hear about our store?</label>
      </div>
      <div class="rightTab">
        <select id="dropdown" name="currentPos" class="dropdown">
      <option disabled value>Select an option</option>
      <option  value="media">Radio/TV</option>
      <option value="social Media">Facebook</option>
          <option value="social Media">Instagram</option>
          <option value="social Media">Twitter</option>
          <option value="social Media">Promoter/Influencer</option>
      <option value="wordOfMouth">Family/Friends</option>
      <option value="preferNo">Prefer not to say</option>
      <option value="other">Other</option>
    </select>
      </div>
    </div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-survey-form


#2

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 easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

Look at the code below and you should see a major syntax issue.

<form> <form id="survey form"></form>

What is the first <form> for?

Once you fix that, you need to read the exact reason the test is failing.

  1. I can see a with id=“survey-form”.
    There should be an element with id=“survey-form” : expected null to not equal null

You have a typo in your id’s value when comparing it to what the user story is telling you to do.