Thanks to visit codestin.com
Credit goes to github.com

Skip to content

mahamadayazmomin/TT-Score-Board

Repository files navigation

๐Ÿ“ TT Score Board

A simple and interactive Table Tennis (Ping Pong) Scoreboard web app built using HTML, CSS, and JavaScript. It allows two players to increment scores, set a winning score, and track who wins.

๐Ÿ”ง Features

  • ๐ŸŽฎ Track scores for Player 1 and Player 2
  • ๐Ÿ† Display the winner when the target score is reached
  • ๐Ÿ” Reset button to restart the game anytime
  • โฌ†๏ธ Customizable Winning Score (5, 10, 15)
  • โœจ Clean and responsive UI design

๐Ÿ“ธ Preview

TT Score Board Preview

๐Ÿš€ Live Demo

๐Ÿ‘‰ Try it Live (https://tt-score-board.netlify.app)

๐Ÿ“‚ Project Structure

TT-ScoreBoard
โ”œโ”€โ”€ index.html # Main HTML file
โ”œโ”€โ”€ style.css # Stylesheet for layout and design
โ”œโ”€โ”€ script.js # JavaScript logic for game functionality
โ””โ”€โ”€ README.md # Project documentation

๐Ÿ”ค How to Use

  1. Clone this repo or download the ZIP.
  2. Open index.html in your browser.
  3. Use the + Player 1 and + Player 2 buttons to increase the score.
  4. Choose the winning score from the dropdown.
  5. When a player reaches the winning score, the game announces the winner.
  6. Click Reset to restart the game.

๐ŸŽจ Technologies Used

  • HTML5
  • CSS3 (Flexbox)
  • Vanilla JavaScript (DOM manipulation)

๐Ÿ“œ License

This open-source project is available under the MIT License.


Feel free to fork the repo and enhance the scoreboard with your creative features!

Key Action
A Add point to Player 1
L Add point to Player 2
R Reset the game

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •