Basketball ScoreBoard
Project information
- Category: App Development
- Github URL: GitHub Repository
- Netlify URL: Browser Preview
This Basketball Scoreboard is a web application designed to keep track of scores for two teams: Home and Guest. It features a clean and professional UI with interactive elements to update scores, start a new game, and highlight the leading team with trophy icons.
Features
- Score Tracking: Increase scores for Home or Guest teams by 1, 2, or 3 points.
- New Game: Reset scores and hide trophy icons with a single button click.
- Leading Team Highlight: Automatically display a trophy icon next to the leading team.
- Tie Detection: Show trophy icons for both teams when scores are tied.
- Responsive Design: The layout adjusts to fit various screen sizes for better usability on different devices.
Technologies Used
- HTML: Structure of the application
- CSS: Styling and layout
- JavaScript: Interactive functionality
Usage
- Click the +1, +2, or +3 buttons under the Home or Guest sections to update the scores.
- Click the "START A NEW GAME" button to reset the scores and hide any trophy icons.
- The leading team will have a trophy icon displayed next to its name, and in case of a tie, both teams will have the trophy icons displayed.