Stuck with Creating a Set of Checkboxes

Stuck with Creating a Set of Checkboxes
0

#1

Tell us what’s happening:

Your code so far

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></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">
 <label><input type="radio" name="indoor-outdoor"> Indoor </label>
 <label><input type="radio" name="indoor-outdoor">Outdoor    </label>
<input type="text" placeholder="cat photo URL" required >
 <label><input type="checkbox" name="Personality"> Introvert </label>
<label><input type="checkbox" name="Personality"> Extravert </label>
<label><input type="checkbox" name="Personality"> Loving </label>
 <button type="submit">Submit</button>
</form>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36.

Link to the challenge:


#2

Read the only test that’s failing.


#3

My friend, there’s just a silly mistake in your code. Try to avoid those because it wastes a lot of time in debugging. Still, you are just starting the course its okay but be aware next time.

The problem is in, the name field of the checkbox. The name value which you are assigning is case sensitive. The given value in the problem is personality and you are typing Personality. Just replace the first capital letter P with small p. I hope you’ve got your answer. Best of luck for journey ahead keep coding.