Create a Set of Radio Buttons Challenge ERROR

HTML-CSS
#1

THERE IS DEFINITELY AN ERROR ON THIS QUESTION.

My code is definitely right. I read the instructions carefully and I did exactly what the question asked me to do. The name attribute is “indoor-outdoor” so that should have at least checked off as correct, but nothing is checked as correct, NOT EVEN THE FACT THAT I PUT THE BUTTONS INSIDE THE FORM.

Does anyone know how to fix this error or get around it? At the very bottom of the “test” window is says

$(…).parent(…).get is undefined.

Does this have anything to do with it? What does it mean?

My code so far


<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <lable for="indoor">
      <input id="indoor" type="radio" name="Indoor-Outdoor">Indoor
    </lable>
    <lable for="outdoor">
    <input id="outdoor" type="radio" name="Indoor-Outdoor">Outdoor
    </lable>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

My browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:65.0) Gecko/20100101 Firefox/65.0.

#2

wrong spelling for your “label”

1 Like
#3

Well, the challenge asks you to:

Each of your two radio button elements should be nested in its own label element.

Look how you’ve spelled the tag:

    <lable for="indoor">
      <input id="indoor" type="radio" name="Indoor-Outdoor">Indoor
    </lable>
    <lable for="outdoor">
    <input id="outdoor" type="radio" name="Indoor-Outdoor">Outdoor
    </lable>

Also

Give your radio buttons the name attribute of indoor-outdoor .

again look how you’ve spelled it:

name="Indoor-Outdoor" // capitals

Programming means be precise.
Just so you know, there are programming languages out there that won’t work if you forget a singe ; somewhere in your code…

It’s also a meme

1 Like
#4

*facepalm
I was stuck on this for way too long…
Thank you

#5