This is a simple Basketball Scoreboard web application that allows users to track the scores of a basketball game. The app includes a fun feature where emojis display the mood of each team (happy or sad) based on whether the team is winning or losing. It is responsive and adjusts for mobile, tablet, and desktop screens.
- Score Tracking: Users can increment the score for both the Home and Guest teams.
- Team Emojis:
- A happy emoji 😄 is shown if the team is leading or tied.
- A sad emoji 😔 is shown if the team is losing.
- Score Reset: A "New Game" button resets the scores to 0 for both teams.
- Responsive Design: The scoreboard adjusts its layout for various screen sizes (mobile, tablet, and desktop).
- HTML: Structure of the web page.
- CSS: Styling and responsiveness.
- JavaScript: Functionality for score counting and game reset.
- Bootstrap Icons: Social media icons in the footer.
- Open the
index.html
file in your browser or use the link to the live site. - Use the buttons on either side to increment the score for the Home or Guest team:
- +1, +2, +3 buttons are available for each team.
- Press the New Game button to reset the scores to 0 for both teams.