Build a Survey Form issue

1

I tried everything so far. I looked through other people’s problems, read the test errors, and went back to the curriculum to see what was wrong.

For some reason it successfully checks the id “name” but throws an error on 5, 7, 12-16. As far as I can tell everything is correct.

My code so far:

  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
  <div id="main">
  <h1 id ="title"> Hello </h1>
    <p id="description">This is a test field OwO</p>
    <div>
    <form id="survey-form" action="/submit1"> 
    <label for="name" "name-label">name</label>
      <input type="text" placeholder="Enter name plez" name="name" id="name" required>
    </div>
    <div>
     <label for="email" id="email-label">email</label>
       <input type="email" id="email" placeholder="Enter email ok ty"  name="email" required>
    </div>
      <div>
        <label for="number" id="number-label">number</label>
        <input type="number" placeholder="Enter email ok ty" id="number" name="number" min="1" max="100" required>
      </div>
      <div>
        <label for="dropdown"></label>
     <select name="dropdown" id="dropdown" class="dropdown">
      <option disabled value>Select an option</option>
      <option value="two">Gamer</option>
      <option value="three">Weeb</option>
      <option value="four">SJW</option>
      <option value="five">Something else</option>
      <option value="six">Nothing xd</option>
       </div>
       <div>
        <label for="radio"></label>
  <input type="radio" id="thing" name="indoor-outdoor">Indoor
        </div>
        <div>
         <label for="checkbox"></label>
           <input type="checkbox" id="checkbox1" name="checkbox1">
        </div>
        <div>
          <label id="textarea"></label>
        <textarea id="comments" class="input-field" style="height:45px;" name="comment" placeholder="Enter your comment here..."></textarea>
        </div>
        <div>
          <button type="submit" id="submit">Submit form! </button>
        </div>
        </form>
      </div>

I just can’t seem to figure out what’s wrong. Some help would be appreciated.

2

Hey,

  1. tests 5, 7, 12, 15, 16 say that “some element is not inside the form element”. All your form’s elements should be contained inside form element (hint: go through your divs and look closely what you are wrapping with them).
  2. test 10 says that “#name-label is not defined” - look closely to your element and you will see that you didn’t defined id correctly.
  3. test 13 says that “There should be at least 2 radio buttons” - well, you have just one radio button. Add at least one more.
  4. test 14 says that “There should be at least 2 checkboxes” - same - you have added just one checkbox. Add one more.

If something I wrote confuse you - ask away :slight_smile:

2 Likes
3

Thank you so much. Moving the form before the first div solved the first 5 errors. It’s amazing how such a simple issue can stress one out so much.

1 Like