Skip to content

A responsive Basketball Scoreboard web app that tracks scores, displays team mood emojis, and allows users to reset the game, built with HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

itsleonbro/basketball-scoreboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Basketball Scoreboard

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.

Features

  • 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).

Technologies Used

  • 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.

How to Use

  1. Open the index.html file in your browser or use the link to the live site.
  2. 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.
  3. Press the New Game button to reset the scores to 0 for both teams.

About

A responsive Basketball Scoreboard web app that tracks scores, displays team mood emojis, and allows users to reset the game, built with HTML, CSS, and JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published