Tell us what’s happening:
Hi there, I went into some issues when I was working on the project of Form. When I clicked on the Run the Tests button
on the left hand side, I found it not working. Additionally, the Reset Lesson
button seems to run out of operation. No matter how many times I tried it still does not have function. Therefore I come here to reach out some helps.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang=en>
<head>
<title>freeCodeCamp Survey Form</title>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- should add header -->
<header class="header">
<h1>freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
</header>
<form id="survey-form">
<fieldset>
<label for="name-label">Name <input id="name" type="text" name="name-label" placeholder="Enter your name" required/></label>
<label for="email-label">Email <input id="name" type="email" name="email-label" placeholder="Enter your email" required/></label>
<label for="number-label">Age
(optional) <input id="name" type="number" min="10" max="99" name="number-label" placeholder="Age" required/></label>
</fieldset>
</fieldset>
<select>
<p>Which option best describes your current role?</p>
<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>
</fieldset>
<fieldset>
<p>Would you recommend freeCodeCamp to a friend?</p>
<label for="definitely"><input id="definitely" type="radio">Definitely</label>
<label for="maybe"><input id="maybe" type="radio">Maybe</label>
<label for="not-sure"><input id="not-sure" type="radio">Not sure</label>
</fieldset>
</fieldset>
<p>What is your favorite feature of freeCodeCamp?</p>
<select id="feature">
<option value="">Select an option</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
</select>
</fieldset>
<fieldset>
<p>What would you like to see improved? (Check all that apply)</p>
<input type="checkbox"> Front-end Projects
<input type="checkbox"> Back-end Projects
<input type="checkbox"> Data Visualization
<input type="checkbox"> Challenges
<input type="checkbox"> Open Source Community
<input type="checkbox"> Gitter help rooms
<input type="checkbox"> Videos
<input type="checkbox"> City Meetups
<input type="checkbox"> Wiki
<input type="checkbox"> Forum
<input type="checkbox"> Additional Courses
</fieldset>
<fieldset>
<label>
Any comments or suggestions?
</label>
<textarea id="comment" name="comment" rows="5" cols="40" placeholder="Enter your comment here..."></textarea>
</fieldset>
<input type="submit" value="Submit" />
</form>
</body>
</html>
/* file: styles.css */
body {
font-family: 'Poppins', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: var(--color-darkblue);
margin: 0;
height: 100%;
width: 100%;
background-image: linear-gradient(
115deg,
rgba(58, 58, 158, 0.8),
rgba(136, 136, 206, 0.7)
),
url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
h1 {
font-weight: 400;
line-height: 1.2;
}
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/17.0 Safari/605.1.15
Challenge Information:
Survey Form - Build a Survey Form