Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aayush259/tic-tac-toe-and-rock-paper-scissor

This repository contains two classic games, Rock Paper Scissors and Tic-Tac-Toe, implemented using HTML, CSS, and JavaScript.
https://github.com/aayush259/tic-tac-toe-and-rock-paper-scissor

Last synced: about 2 months ago
JSON representation

This repository contains two classic games, Rock Paper Scissors and Tic-Tac-Toe, implemented using HTML, CSS, and JavaScript.

Awesome Lists containing this project

README

        

# Rock Paper Scissors & Tic-Tac-Toe Game

This repository contains two classic games, Rock Paper Scissors and Tic-Tac-Toe, implemented using HTML, CSS, and JavaScript.

## Table of Contents
- Overview
- Features
- How to Play
- File Structure
- Usage
- Contributing

## Overview
This project showcases the implementation of two popular games, Rock Paper Scissors and Tic-Tac-Toe, in a web-based environment. The games are built using HTML for structure, CSS for styling, and JavaScript for interactivity and game logic.

## Features
### Rock Paper Scissors Game
- Player vs. Computer mode
- Dynamic UI updates based on player and computer choices
- Score tracking for both player and computer
- Responsive design for optimal viewing on various devices

### Tic-Tac-Toe Game
- Player vs. Player mode
- Player vs. Computer mode
- Interactive gameplay with dynamic updates
- Ability to restart the game or return to the home screen

## How to Play
### Rock Paper Scissors
1. Choose your move (Rock, Paper, or Scissors) by clicking the corresponding button.
2. The computer will randomly select its move.
3. The winner of the round is determined based on the game rules (Rock crushes Scissors, Scissors cuts Paper, Paper covers Rock).
4. The score is updated accordingly, and a message is displayed to indicate the outcome.
5. Play multiple rounds to determine the ultimate winner.

### Tic-Tac-Toe
1. Select the game mode (Player vs. Player or Player vs. Computer).
2. Follow the on-screen instructions to make your moves.
3. The game will automatically detect wins, draws, or game-over scenarios.
4. Restart the game or return to the home screen as needed.

## File Structure

.
├── README.md
├── index.html
├── style.css
├── script.js
├── rock-paper-scissors.js
├── tic-tac-toe.js
├── images/
│ ├── computer-mode.jpg
│ └── player-mode.PNG

## Usage
1. Clone the repository to your local machine.
2. Open the index.html file in your web browser.
3. Choose either Rock Paper Scissors or Tic-Tac-Toe game.
4. Enjoy playing the games!

## Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/improvement`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add new feature'`).
5. Push to the branch (`git push origin feature/improvement`).
6. Create a new Pull Request.