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
-
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.
-
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.
-
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.
-
DOM Manipulation: The project employs different functions for DOM manipulation, allowing for dynamic updates to the game interface and scores based on user interactions.
-
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.