I’m done with all the tests but it keeps showing that I’ve not completed these
You should have at least one textarea
element that is a descendant of #survey-form
.
Your #submit
should be a descendant of #survey-form
.
Hi, welcome to the forum.
If the tests are failing, then that means you have a problem in the code.
If you need help with that, you will have to show us your code.
Okay thank you. But pls how do I do that
Here is the code:
<!DOCTYPE html>
<html>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking your time to help us improve this platform</p>
<form id="survey-form">
<label id="name-label">Name
<input type="text" placeholder="Enter your name" id="name" required>
</label>
<label id="email-label">Email
<input type="email" placeholder="Enter your email" id="email" required>
</label>
<label id="number-label">Age (optional)
<input type="number" min="10" max="120" id="number" placeholder="age">
</label>
<label>Which option best describes your current role?
<select id="dropdown">
<option value="">Select current role?</option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select>
</label>
<p>Would you like to recommend freeCodeCamp to a friend?</p>
<label for="Definitely">Definitely
<input type="radio" id="definitely" name="option-value" value="Definitely">
</label>
<label for="Maybe">Maybe
<input type="radio" id="maybe" name="option-value" value="Maybe">
</label>
<label for="Not sure">Not sure
<input type="radio" id="Not Sure" name="option-value" value="Not Sure">
</label>
<label>What is your favorite feature of freeCodeCamp?
<select>
<option value="">Select an option</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option vallue="3">Community</option>
<option vallue="4">Open Source</option>
</select>
</label>
<p>What would you like to see improved? (Check all that apply)</p>
<label>Front-end Projects
<input type="checkbox" value="Front-end Projects">
</label>
<label>Back-end Projects
<input type="checkbox" value="Back-end Projects">
</label>
<label>Data Visualization
<input type="checkbox" value="Data Visualization">
</label>
<label>Challenges
<input type="checkbox" value="Challenges">
</label>
<label>Open Source Community
<input type="checkbox" value="Open Source Community">
</label>
<label>Gitter help rooms
<input type="checkbox" value="Gitter help rooms">
</label>
<label>Videos
<input type="checkbox" value="Videos">
</label>
</form>
<label>City Meetups
<input type="checkbox" value="City Meetups">
</label>
<label>Wiki
<input type="checkbox" value="Wiki">
</label>
<label>Forum
<input type="checkbox" value="Forum">
</label>
<label>Additional Courses
<input type="checkbox" value="Additional Courses">
</label>
Any comments or suggestions?
<textarea placeholder="Enter your comment here..."></textarea>
<input type="submit" value="Submit" id="submit">
</form>
</body>
</html>
I’ve edited your code 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 (').
your code is hard to read because you have not used any indentation.
When I apply indentation to your code I can see why you are having a problem.
<!DOCTYPE html>
<html>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking your time to help us improve this platform</p>
<form id="survey-form">
<label id="name-label">Name
<input type="text" placeholder="Enter your name" id="name" required>
</label>
<label id="email-label">Email
<input type="email" placeholder="Enter your email" id="email" required>
</label>
<label id="number-label">Age (optional)
<input type="number" min="10" max="120" id="number" placeholder="age">
</label>
<label>Which option best describes your current role?
<select id="dropdown">
<option value="">Select current role?</option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select>
</label>
<p>Would you like to recommend freeCodeCamp to a friend?</p>
<label for="Definitely">Definitely
<input type="radio" id="definitely" name="option-value" value="Definitely">
</label>
<label for="Maybe">Maybe
<input type="radio" id="maybe" name="option-value" value="Maybe">
</label>
<label for="Not sure">Not sure
<input type="radio" id="Not Sure" name="option-value" value="Not Sure">
</label>
<label>What is your favorite feature of freeCodeCamp?
<select>
<option value="">Select an option</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option vallue="3">Community</option>
<option vallue="4">Open Source</option>
</select>
</label>
<p>What would you like to see improved? (Check all that apply)</p>
<label>Front-end Projects
<input type="checkbox" value="Front-end Projects">
</label>
<label>Back-end Projects
<input type="checkbox" value="Back-end Projects">
</label>
<label>Data Visualization
<input type="checkbox" value="Data Visualization">
</label>
<label>Challenges
<input type="checkbox" value="Challenges">
</label>
<label>Open Source Community
<input type="checkbox" value="Open Source Community">
</label>
<label>Gitter help rooms
<input type="checkbox" value="Gitter help rooms">
</label>
<label>Videos
<input type="checkbox" value="Videos">
</label>
</form>
<label>City Meetups
<input type="checkbox" value="City Meetups">
</label>
<label>Wiki
<input type="checkbox" value="Wiki">
</label>
<label>Forum
<input type="checkbox" value="Forum">
</label>
<label>Additional Courses
<input type="checkbox" value="Additional Courses">
</label>
Any comments or suggestions?
<textarea placeholder="Enter your comment here..."></textarea>
<input type="submit" value="Submit" id="submit">
</form>
</body>
</html>
You have 2 closing form tags. You should probably delete the first one and use the last one.
Okay thank you very much