The Qualifier and Bronze Medal are required, the rest is an optional challenge
DOM manipulation is it's own beast. Fairly soon, you'll be doing a lot of it along side of other things that are conceptually difficult if you're not yet familiar with DOM manipulation.
This exercise is designed to help use repetition to become comfortable with syntax that is commonly used throughout the industry. Each step should be a stretch, but feel free to use what you learned from the last step to be able to complete the next.
Please take your time, and really understand why you're using the code you are using.
Clone down this repo. You will use it work your way through the Olympic medals.
Follow the instructions in the README.
This is a simple messaging app. You're job is to make it interactive.
Feel free to change the CSS not mentioned in the assignment if you feel so inclined.
The HTML for the header's container exists but the header and the name don't exist yet.
Feel free to change
.style or use
.header classes from the CSS file.
Notice that your name needs to be a different color. Wrapping text in a
span tag is a great way to do this.
There's some sub par conversation going on in this messaging app. You have two tasks to help give it either a clean slate, or a positive start.
Feel free to edit the HTML
<select>tag to make it more usable or elaborate. Mo themes, mo fun.
- Be able to add more messages using the form at the bottom.
- Every other messaged will be posted on the right in one color, and the next on the left the other color.