https://github.com/darshanas17/addition-game
A simple web app to calculate and validate the sum of two random numbers. Built with HTML, CSS, JavaScript, and Bootstrap, hosted on GitHub Pages.
https://github.com/darshanas17/addition-game
addition-game bootstrap css flexbox html javascript mini-project web-game web-project
Last synced: about 2 months ago
JSON representation
A simple web app to calculate and validate the sum of two random numbers. Built with HTML, CSS, JavaScript, and Bootstrap, hosted on GitHub Pages.
- Host: GitHub
- URL: https://github.com/darshanas17/addition-game
- Owner: Darshanas17
- Created: 2024-12-31T13:51:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-01T06:43:03.000Z (over 1 year ago)
- Last Synced: 2025-06-27T01:40:28.544Z (12 months ago)
- Topics: addition-game, bootstrap, css, flexbox, html, javascript, mini-project, web-game, web-project
- Language: HTML
- Homepage: https://darshanas17.github.io/Addition-Game/
- Size: 236 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sum of Two Numbers Game
This repository contains an interactive web application where users can test their addition skills by solving random sums of two numbers. The app generates two random numbers, displays them, and allows the user to input their answer and check if it's correct.
## Features
- Random generation of two numbers between 1 and 100.
- Interactive user interface using HTML, CSS, and JavaScript.
- Responsive design powered by Bootstrap 4.
- Provides immediate feedback on the user's input.
- "Restart" button to generate a new pair of numbers.
## How to Use
1. Open the application in any modern web browser.
2. View the two randomly generated numbers and the "+" operator.
3. Input your answer in the provided text box.
4. Click the "Check" button to validate your answer.
5. Click the "Restart" button to start a new round with different numbers.
## Files Included
- **index.html**: The main HTML file containing the structure of the web application.
- **style.css**: Contains the custom CSS styles for the application.
- **script.js**: Includes the JavaScript logic for generating numbers, checking results, and restarting the game.
## Dependencies
- [Bootstrap 4.5.2](https://getbootstrap.com/): For styling and responsive design.
- [jQuery 3.5.1](https://jquery.com/): For DOM manipulation.
- [Popper.js](https://popper.js.org/): For Bootstrap's JavaScript components.
## Installation
1. Clone this repository to your local machine:
```bash
git clone https://github.com/Darshanas17/Addition-Game.git
```
2. Navigate to the project folder:
```bash
cd Addition-Game
```
3. Open `index.html` in your web browser to start the game.
## Screenshots
### Initial Screen
### Correct Answer
### Incorrect Answer
## Contributing
Feel free to fork this repository and submit pull requests with improvements or bug fixes. Contributions are welcome!
## License
This project is licensed under the MIT License. See the LICENSE file for details.
## Acknowledgments
- Fonts from [Google Fonts](https://fonts.google.com/).