Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
trying to click run code to test it and nothing is happening

Your code so far

<!-- file: index.html -->
<link rel="stylesheet" href="styles.css">
<h1 id="title">Which Semi Is Best Survey</h1>
<p id="description">Which truck is king?</p>
<form id="survey-form">
<div class="input-element">
  <label id="name-label">
   Name
  <input placeholder="Name" id="name" type="text"  required></input>
</label>
</div>
<div class="input-element">
  <label id="email-label">
  Email
  <input placeholder="Email" id="email" type="email"  required></input>
</label>
</div>
<div class="input-element">
  <label id="number-label">
  Years Driving
  <input placeholder="Years driven" id="number" type="number" min="0" max="100"  required></input>
</label>
</div>
<div class="input-element">
  <label id="select-label">
  Which semi is best?
  <select id="dropdown">
    <option>Peterbilt</option>
    <option>Kenworth</option>
    <option>Freightliner</option>
  </select>
  </div>
  <div class="input-element">
    <label>Have you driven all of these trucks?</label>
    </div>
    <div>
    <label><input type="radio" name="driven"></input>Yes</label>
    </div>
    <div>
    <label> <input type="radio" name="driven"></input>No</label>
    </div>
  <div class="input-element">
    <label>Do you prefer manual or automatic transmissions?</label>
    </div>
    <div>
    <label><input type="checkbox" name="transmission" value="man"></input>Manual</label>
    </div>
    <div>
    <label> <input type="checkbox" name="transmission" value="auto"></input>Automatic</label>
    </div>
    <div class="input-element">
      <label>Additional comments</label>
      <textarea type="text"></textarea>
    </div>
    <button type="submit" id="submit">Submit</button>
</form>
/* file: styles.css */
body {background-color: lightgrey;
text-align: center;
}
form {max-width: 500px;
text-align: left;
padding: 20px;
border: 1px solid black;
border-radius: 5px;
}
.input-element {margin: 15px;
display: flex;
flex-direction: collumn;
}
select{padding: 3px;
border-radius: 5px;
border: 1px solid black;
}
input {padding: 3px;
border-radius: 5px;
border: 1px solid black;
}
input[type="checkbox"] {width: 15px;
height: 15px;}
h1 {color: red;
}

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.3 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

You are saying that when you click the “Run the Tests” button that none of the beaker icons turn into either check marks or X’s?

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