Survey Page - stuck learning

Survey Page - stuck learning
0

#1

Hi guys, Is 1st time for me asking something but I am really stuck.
Please help me to find out why I cannot see the code that’s inside comment box after I delete it as a comment ().
Here is the link: https://codepen.io/o0ops/pen/YJpvXN?editors=1100

Also I am learning for a while and I have 362 points but I passed through challenges quite quick and I think now I am have to find everything out from google, is that normal or my learning technique is wrong?

Thank you all.


#2

I cannot see the code that’s inside comment box after I delete it as a comment ()

I’m not sure I understand what you mean. In the survey form Codepen you linked, you have no field for comments, nor is any html element labelled with a class or id similar to “comment”. Can you please be more specific with what you mean?

I am learning for a while and I have 362 points but I passed through challenges quite quick and I think now I am have to find everything out from google, is that normal or my learning technique is wrong

Googling a lot is fine, as long as you READ THE WHOLE THING and DO SOMETHING WITH IT. Don’t just read for the quick answer, read to understand what the point of the page is. Also, your google search string matters. For css and html questions, I use “w3 <insert topic here”> without the angle brackets. For most javascript: “mdn <insert topic here>”. If it is about Javascript that has to do with manipulating a web page (manipulating the DOM), I search using the w3 model first. I like w3schools because they don’t just tell you what the options are, they have “Try it!” Examples that you can run, modify, break, and fix consequence-free. It’s a great way to see what the different options are for styles and html tag attributes.


#3

Thank you very much for help.

Regarding my pen, I cannot see this div.

Things that should be improved in the future (Check all that apply):
  • Front-end Projects
  • Back-end Projects
  • Data Visualization
  • Challenges
  • Open Source Community
  • Gitter help rooms
  • Videos
  • City Meetups
  • Wiki
  • Forum
  • Additional Courses

#4

Your html is very incomplete. You’re missing a lot of closing tags. Since you’re using Codepen, you should use the carat menu in the upper-right of the HTML code pane:

.

The two useful options for you are: “Tidy HTML” and “analyze HTML”. The analyzer will not help you fix the problems with your project. But the “tidy html” will. It will regularize the indentation so that opening and closing tags are on the same level of indentation. Combined with “folding” matching tags using the downward-pointing triangles just next to the line numbers will show you which tags you are missing (There are several - in order for you to learn, i won’t tell you which ones - you must get good at reviewing your own code).

[HINT]: In general, if parts of an HTML document aren’t rendering, it’s because the browser never received the instruction to end an element, and thus the last element completely displayed is usually the one which isn’t closed.