FCC: Pig Latin (JavaScript Intermediate Algorithm)

In Free Code Camp’s Pig Latin Challenge we need to convert English dictionary words to pig latin using the following rules: Move the first set of consonants up to the first vowel to the end of the word Then add “ay” as the suffix If the first letter of the word is a vowel, then…

Read More

FCC Challenge 36: Give a Background Color to a Div Element

In Free Code Camp Challenge 36 we learn to set a background color to a div element. You can set an element’s background color with the background-color property. For example, if you wanted an element’s background color to be green, you’d put this within your style element: .green-background { background-color: green; } Create a class…

Read More

FCC Challenge 35: Nest Many Elements within a Single Div Element

In Free Code Camp Challenge 35 we learn to nest elements within div elements. The div element, also known as a division element, is a general purpose container for other elements. The div element is probably the most commonly used HTML element of all. It’s useful for passing the CSS of its own class declarations…

Read More

FCC Challenge 34: Check Radio Buttons and Checkboxes by Default

In Free Code Camp Challenge 34 we learn to preselect radio buttons and checkboxes by default. You can set a checkbox or radio button to be checked by default using the checked attribute. To do this, just add the word “checked” to the inside of an input element. For example: <input type="radio" name="test-name" checked> Set…

Read More

FCC Challenge 33: Create a Set of Checkboxes

In Free Code Camp challenge 33 we learn to create checkboxes. Forms commonly use checkboxes for questions that may have more than one answer. Checkboxes are a type of input Each of your checkboxes should be nested within its own label element. All related checkbox inputs should have the same name attribute. Here’s an example…

Read More

FCC Challenge 32: Create a Set of Radio Buttons

In Free Code Camp Challenge 32 we learn to create selectable radio buttons. You can use radio buttons for questions where you want the user to only give you one answer. Radio buttons are a type of input Each of your radio buttons should be nested within its own label element. All related radio buttons…

Read More