Survey Form - Build a Survey Form

[3Franky]

Tell us what’s happening:
when I click run the tests nothing happens

Your code so far

<!-- file: index.html -->
<link rel="stylesheet" href="styles.css">
<h1 id="title"> FreeCodeCamp Survey Form </h1>
<p id="description" > Thank you for taking the time to help us improve the platform </p>
<form id="survey-form"> 
<div class="input-element"> 
  <label id="name-label">Name </label> 
  <input placeholder="name" id="name" type="text" required></input> 
</div>
<div class="input-element"> 
  <label placeholder="email" id="email-label"> Email</label>
  <input id="email" type="email" required></input>
</div>
<div class="input-element">
  <label placeholder="age" id="number-label"> Age(optional)</label> 
  <input min="1" max="120" id="age" type="number" required></input>
  </div>
  <div class="input-element">
  <label id="select-label"> Which option best describes your current role?
  </label> 
<select id="dropdown"> 
  <option > student </option>
  <option> teacher </option>
   </select>
   </div>
   <div>
     <label id="radio-button">Would you recommend freeCodeCamp to a friend?</label>
     <div>
     <label>
     <input type="radio" name="button"></input>
    Yes </label> 
    </div>
    <div class="input-element">
     <label>
      <input type="radio" name="button"></input>
     No </label>
     </div>
     </div>
      <div class="input element">
     <label id="select-label"> What is your favorite feature of freeCodeCamp?
  </label> 
<select id="dropdown"> 
  <option > Challenges </option>
  <option> Projects </option>
   </select>
   </div>
   <div>
     <label id="checkbox">What would you like to see improved? (Check all that apply)</label>
     <div>
     <label>
     <input type="checkbox" name="ideas" value="front"></input>
    Front-End Projects </label> 
    </div>
    <div>
     <label>
      <input type="checkbox" name="ideas" value="back"></input>
     Back-end Projects </label>
     </div>
     </div>
     <div class="input-element">
       <label>Any comments or suggestions?
     <textarea type="text"></textarea>
     </label>
     </div>
     <button type="submit" id="submit">
       Submit
       </button> 
  </form>

/* file: styles.css */
body{ 
   background-color: lightblue;
   Text-align: center; 
}
form{
   max-width: 500px;
   text-align: left;
   padding: 20px;
   border: 2px solid black;
   border-radius: 10px;
}
input{
   padding: 5px;
   border: none;
   border-radius: 5px;
}
.input-element{
   display: flex;
   flex-direction: column;
   margin: 10px;
}
select{
    padding: 5px;
   border: none;
   border-radius: 5px;
}
input[type="checkbox"]{
   width: 15px;
   height: 15px;
}

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/15.4 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

freeCodeCamp.org

[igorgetmeabrain]

You are missing quite a bit of code in your HTML file:

1. You should have a DOCTYPE declaration at the top of your file.
2. All of your HTML code should be inside an html element.
3. You should have a head element and a body element.
4. Inside the head element you should have meta elements, link elements and suchlike.
5. Inside the body element should be all of your page content (i.e. all elements which are visible to the user).

That said, when I run your code as is, it still passes many of the tests.
If the test runner isn’t working for you, I’d try copying your code, a hard refresh of the page (CTRL+F5) and then paste your code in again.