Tell us what’s happening: All your checkboxes inside #survey-form should have a value attribute and value.
I genuinely am out of ideas. I deleted every checkbox and replaced them, and still can’t make it work. Any help would be greatly appreciated.
Your code so far
WARNING
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Food Survey</title>
<link rel="stylesheet" href="styles.css"></link>
</head>
<body>
<h1 id="title">Food Survey</h1>
<p id="description">We all like food </p>
<form type="post" action="" id="survey-form">
<label id="name-label" for="name">Name
<input
id="name"
required
type="text"
placeholder="What is your name"
/>
</label>
<label for="email" id="email-label">Email
<input id="email"
required
type="email"
placeholder="Enter your email"
/>
</label>
<label id="number-label" for:"number">Age(optional)
<input id="number"
type="number"
min="3"
max="120"
placeholder="Old enough to read"
/>
</label>
<p>Which option best describes your current role?
<select
id="dropdown"
name="role"
placeholder="Select current role">
<option value=""> Select one
<option value="1">Peckish</option>
<option value="2">Full</option>
<option value="3">Hungry</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select>
<div
<p>Would you recommend food to a friend?</>
<label><input type="radio"
id="user-yes"
value="user-yes"
checked
name="user-radio"
/>Yes</label>
<label><input type="radio"
id="maybe"
value="maybe"
name="user-radio"
/>Maybe</label>
<label><input type="radio"
id="no"
value="no"
name="user-radio"
/>They don't need food</label>
<div>
<legend>What would you like to see improved?</legend><legend class="legend">(Check all that apply?)</legend>
<label for="more-food">
<input type="checkbox"
id="more-food"
value="more-food"
name="improvement"
checked/> More Food</label>
<label for="more-variety">
<input type="checkbox"
id="more-variety"
value"more-variety"
name="improvement"/> More Variety</label>
<label for="quality">
<input type="checkbox"
id="quality"
value="quality"
name="improvement"/> Quality of Ingredients</label>
<label for="ethical-sourcing">
<input type="checkbox"
id="ethical-sourcing"
value"ethical-sourcing"
name="improvement"/> Ethical Sourcing</label>
<label for="thissurvey"/>
<input type="checkbox"
id="thissurvey"
value="thissurvey"
name="improvement"/> This Survey</label>
<label for="other">
<input type="checkbox"
id="other"
value="other"
name="improvement"/> Other</label>
<label type="submit">
<Legend> Why doesn't my code work :(</legend>
<textarea row="10" cols="50"></textarea>
<button type="submit" id="submit"> Food! (Submit)</button></label>
</form>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/119.0
Challenge Information:
Survey Form - Build a Survey Form