Debug a Donation Form - Debug a Donation Form

HTML-CSS
1

Tell us what’s happening:

Why do the tests report the errors “Your third input should have a required attribute” and “Your checkbox input should not have a required attribute” even though the donation amount input already includes required and the checkbox does not?

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Donation Form</title>
</head>
<body>

  <form>
    <label for="name">Full Name:</label>
    <input type="text" id="name" name="name" required>

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

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

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

    <input type="submit" value="Donate">
  </form>

</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Debug a Donation Form - Debug a Donation Form

2

hello and welcome to fcc forum :slight_smile:

its confounding to me as well!! could it be a bug?!

but it goes away when im changing “for, id, name” attributes values for some reason… maybe you could try that

happy coding :slight_smile:

3

you have changed the expected name of that element, and now the tests don’t recognise it anymore. It should be amount, don’t change it please

for the checkbox, the name should be newsletter, you changed that too