Basketball Scoreboard

This was a solo project from Module 3 (Making Websites Responsive) of Scrimba's Frontend Developer Path that I added onto with CSS customizations. The requirements were that we follow the provided design and make all six buttons work.

Core requirements:

  • scoreboard with "Home" and "Guest" scores
  • each score has buttons to increment that score by 1, 2 and 3 points

I added onto the design so that the team with the higher score is highlighted. In addition, I changed the overall style of the application.

Original design from Scrimba:

My design:

Live deploy: https://vish213-basket-score.netlify.app/

JavaScript concepts

  • variables
  • functions
  • if statements
  • document.getElementById()
  • element.classList.add()
  • element.classList.remove()
  • element.textContent
  • +=