Debug a Donation Form - Debug a Donation Form

HTML-CSS
1

Tell us what’s happening:

I tried to look, but none solved my problem. Step 11 isn’t working, the console says. “11. You should associate every input element with a label element using the for and id attributes.”

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Donation Form</title>
</head>
<body>
  <h1>Donation Form</h1>
  <form>
    
    <label for="fulname">Full Name:</label>
    <input type="text" name="name" required id="fullname">
     

    <label for="emailadress">Email Address:</label>
    <input type="email" name="email" required id="emailadress">

    <label for="donationamount">Donation Amount ($):</label>
    <input type="number" name="amount" required id="donationamount">

    <input type="checkbox" name="newsletter" id="Newsletter">
    <label for="newsletter">Subscribe</label>

    <input type="submit" value="Send">
  </form>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:149.0) Gecko/20100101 Firefox/149.0

Challenge Information:

Debug a Donation Form - Debug a Donation Form

2

i see a typo here (spelling of fullname has two ls)

3

ah i was looking for one and missed it. Thank you! :smiley:

Edit: found another with Newsletter, but also realised I had misspelled address anyways so I corrected it even if the code would have worked anyway. :smiley:

4

good work!

sometimes these typos are super annoying so good on you for sticking with it