Struggling with "Create a set of Radio Buttons" lesson

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
<label for="indoor"><input id="indoor" type= "radio" name= “indoor-outdoor”>indoor</label>

<label for="outdoor"><input id="outdoor"type=
"radio" name= “indoor-outdoor”>outdoor</label>
</form>
</main>

It says that my “radio buttons should be given the name attribute of indoor-outdoor .” every time i run a test. But i’ve already given them the name attributes so I dont know what I’m doing wrong.

  **Your browser information:**

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

I tried taking the quotations off of name= indoor-outdoor and that worked. I’ll leave this post up though next time someone makes a similar mistake

taking of the quotations may work fine and pass the test but in real world it may cause some bugs and issues … and you should know what the problem is not just try to solve it and pass test tests

as you can see you used a different quotes that html syntax support for quotes, you have to use single-quotes ' ' or double-quotes " " not this fancy, weird quotes

You need to use single '' or double "" quotes, not “”

Thank you for pointing that out, honestly I dont even know how that happened, it was completely unintentional.

But… thats the whole point of these lessons, to try and solve them to pass them, and learning in the process. It worked for this specific code, so I dont see a problem with it. Its not like Im going to apply the same method with every other coding. The weird quotations were unintentional, and I dont even know what caused it to look that way.

These quotes

are called smart quotes.
You will need to google on how to turn those off on your device.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.