Coder Social home page Coder Social logo

rock-paper-scissors's Introduction

Rock-Paper-Scissors

This is a simple implementation of the classic Rock Paper Scissors game using HTML, CSS, and JavaScript. The project utilizes local storage and JSON data to save game scores, ensuring that the scores are not reset when the browser is refreshed. It also includes audio files for click events and when a winner is declared. The winner is displayed using a modal popup, which is created using HTML, CSS, and event listeners.

Features

  1. Persistent Score: The game utilizes local storage and JSON data to save the game score. This ensures that the score is retained even when the browser is refreshed, allowing players to continue from where they left off.

  2. Audio Feedback: Click events and the declaration of a winner are accompanied by audio files, enhancing the gaming experience and providing immediate feedback to the player.

  3. Modal Popup: A modal popup is used to display the winner of each round. This feature is implemented using HTML, CSS, and event listeners, providing a visually appealing and user-friendly way to showcase the game results.

  4. DOM Manipulation: The project employs different functions for DOM manipulation, allowing for dynamic updates to the game interface and scores based on user interactions.

  5. Auto Play Feature: The game also includes an auto-play mode. When activated, the computer and player selections are made automatically at a predefined interval using the setInterval function. Players can toggle this feature on and off according to their preference.

To play the game, follow this link:

https://sshuklaji962.github.io/Rock-Paper-Scissors/

rock-paper-scissors's People

Contributors

sshuklaji962 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.