Project Overview: Simple Scoreboard Counter This project is a clean, functional Scoreboard Application designed to track points for two competing sides: Home and Guest. It provides a simple user interface with increment buttons for different point values, making it perfect for basic sports tracking or gaming sessions.
📂 File Structure index.html: The skeleton of the app, containing the layout for the Home and Guest frames.
style.css: (External) Handles the visual design and layout of the scoreboard.
reset.css: (External) Ensures consistent styling across different web browsers by removing default margins and padding.
main.js: (External) Contains the logic to update the numbers when buttons are clicked.
🛠️ Key Features The application is structured into two main sections within a .container div:
- Home Section Displays the current score in an
Includes three action buttons:
+2 Points: Increments the score by 2.
+3 Points: Increments the score by 3.
+5 Points: Increments the score by 5.
- Guest Section Mirroring the Home section, it displays the score in #number-counter1.
Includes the same three increment options (+2, +3, +5) to keep the competition fair.