# Errors in my survey page

**URL:** <https://group.classcentral.com/t/errors-in-my-survey-page/9743>\
**Category:** Web Development Bootcamp\
**Created:** [November 13, 2021, 12:09pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743 "2021-11-13T12:09:08Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![clarasais2594138](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/clarasais2594138/32/1013_2.png) [@clarasais2594138](https://group.classcentral.com/u/clarasais2594138)\
**Post date:** [November 13, 2021, 12:09pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/1 "2021-11-13T12:09:08Z")

</div>

Hello peeps  
I’m so close to finishing my survey page, still trying to get my head around id, class etc. I have to keep going back over things and take a long time to learn. I’m still getting two errors to correct before I pass, can anyone help please? It’s not finished yet I’ve still got to design it more.

https://codepen.io/clarasais/embed/preview/PoKaReN?default-tabs=html%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=PoKaReN

---

<div class="post-metadata">

**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\
**Post date:** [November 13, 2021, 1:01pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/2 "2021-11-13T13:01:28Z")

</div>

ID’s and Classes do the same thing. They target the tag they are applied to.  
The difference between them is an ID can only be used once on a page, while a class can be used multiple times on a page.  
I don’t know why FreeCodeCamp uses all those ID’s in their challenges.  
Classes are much more common.  
ID’s for the most part are only used by Javascript.  
I don’t use ID’s except for Javascript.

---

<div class="post-metadata">

**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\
**Post date:** [November 13, 2021, 1:14pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/3 "2021-11-13T13:14:52Z")

</div>

You need to add IDs to the Label tags : id=“name-label” … etc.  
For your Radio Buttons, they all need the same Name attribute, so they are considered a group.

---

<div class="post-metadata">

**Author:** ![clarasais2594138](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/clarasais2594138/32/1013_2.png) [@clarasais2594138](https://group.classcentral.com/u/clarasais2594138)\
**Post date:** [November 13, 2021, 2:56pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/4 "2021-11-13T14:56:57Z")

</div>

Thank you again always appreciate your help 😀  
It just takes me a longer time to learn  
Going through these I do feel that we haven’t covered all of what’s needed in the freecode camp but maybe that’s just me?

---

<div class="post-metadata">

**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\
**Post date:** [November 13, 2021, 3:12pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/5 "2021-11-13T15:12:35Z")

</div>

I have been doing this off and on for several years and I get stuck on some things. Use Google to search, everyone does it. Even the pros.  
You just have to keep practicing.  
[Scrimba.com](http://Scrimba.com) has a free HTML and CSS course by Kevin Powell. Try that. He’s very good.

---

<div class="post-metadata">

**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\
**Post date:** [November 13, 2021, 3:43pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/6 "2021-11-13T15:43:11Z")

</div>

Here are a couple of articles to read about learning to code.  
[Why learning to code is so hard](https://www.thinkful.com/blog/why-learning-to-code-is-so-damn-hard/)  
[Learning to code when it gets dark](https://www.freecodecamp.org/news/learning-to-code-when-it-gets-dark-e485edfb58fd/#.yjh0fehje)

There is a bootcamp call the Odin Project that is totally free. You don’t even have to signup to use it.  
[The Odin Project](https://www.theodinproject.com)

---

<div class="post-metadata">

**Author:** ![clarasais2594138](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/clarasais2594138/32/1013_2.png) [@clarasais2594138](https://group.classcentral.com/u/clarasais2594138)\
**Post date:** [November 13, 2021, 8:53pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/7 "2021-11-13T20:53:26Z")

</div>

Well I definitely did not have the The Hand Holding Honeymoon but definitely teetering on the edge of the Cliff of Confusion 😆  
And I thought teaching was hard

---

<div class="post-metadata">

**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\
**Post date:** [November 13, 2021, 9:31pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/8 "2021-11-13T21:31:29Z")

</div>

I have seen other articles using the same analogies. When doing tutorials everything seem to be good. When you start doing your own projects it is natural to struggle, but you need to do them. The more you do on your own the more it starts to make sense, but it takes time.  
There is a phrase for just wanting to do more and more tutorials: Tutorial Hell.  
Everyone gets trapped in it when they first start out.

---

<div class="post-metadata">

**Author:** ![kris0000000000196074](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/kris0000000000196074/32/970_2.png) [@kris0000000000196074](https://group.classcentral.com/u/kris0000000000196074)\
**Post date:** [November 14, 2021, 11:40am UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/9 "2021-11-14T11:40:12Z")

</div>

I hope that I am not confusing you further Clara, but here is my input.

1. Use **type=“radio”** when only 1 item from the group should be selected. (Ideal for **YES / NO** answers or ratings, ie. **1** or **2** or **3** or **4** or **5** ).
2. Use **type=“checkbox”** when multiple items from the group can be selected. (eg. Tick all the flavours you like).
3. Each group must have a unique **name=“ABC”** tag. BUT the same name tag must be used for all the items in a group. eg:

```auto
<label>
<input type="radio" name="Cream?" value="cream">Cream
</label>

<label>
<input type="radio" name="Cream?" value="without_cream">Without Cream
</label>

```

---

<div class="post-metadata">

**Author:** ![clarasais2594138](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/clarasais2594138/32/1013_2.png) [@clarasais2594138](https://group.classcentral.com/u/clarasais2594138)\
**Post date:** [November 18, 2021, 3:15pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/10 "2021-11-18T15:15:40Z")

</div>

Thank you  
I’ve finished it now but could be better design wise  
Although it’s passed can’t get my head around putting in an image as a background?  
Also does a real person look at these out of curiosity?

---

<div class="post-metadata">

**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\
**Post date:** [November 19, 2021, 2:42pm UTC](https://group.classcentral.com/t/errors-in-my-survey-page/9743/11 "2021-11-19T14:42:26Z")

</div>

The best way to get better at design is to look at how other website are designing their components. If you find something you like, try to copy it. That is a great way to learn how to design better web pages.
