week 02 - day 01 - scoreboard - working with javascript

[cortuga]

Score Board

For this assignment, you will be creating a simple interactive scoreboard for your favorite sport.

Requirements

• Refer to this mockup to design your page:

• Use the HTML and CSS here to jump-start your project.
• A user should be able to update a score and the teams playing.

Explorer Mode

• [x] Create a new project and implement the design using the given HTML & CSS.
• [x] Assign click events to the update buttons to update the corresponding values on the page. The score buttons should adjust the current score by a "hard-coded" value.
• [x] Deploy your site.

Adventure Mode

• [ ] Implement a Quarter/Period Tracker that would be appropriate for the sport.
• [ ] Add some styling to make it more presentable. Have fun with it.
• [ ] Make the layout responsive.

Epic Mode

• [ ] Add a Timer that counts down automatically and updates the period/quarter appropriately.
• [ ] Save/load the information to local storage.
• [ ] Add CSS to the winning teams score to indicate who is currently winning.
• [ ] Add anything else that your sport would have on its scoreboard (e.g. fouls, sacks, shots on goal, etc.).
• [ ] Improve the UX to help to make scorekeeping by your sport easier.

[cortuga]

https://github.com/cortuga/scoreboard

https://scoreboard-cgsus.netlify.com

I wasn't able to get the quarter/ period tracker working. I saw Nick had it going but I couldn't squeeze it out of my brain per his method of making it. I know the concept should be simple enough but it's elusive to me. I'll be getting up earlier to try to put some CSS to this and perhaps get some media queries going.

[cortuga]

Your homework week 02 - day 01 - scoreboard - working with javascript was marked: Meets Expectations

“With LASERS” — via Jason L Perry