https://github.com/piyuminadee/javascript-basic-projects

HTML, CSS and JS Projects
https://github.com/piyuminadee/javascript-basic-projects

Last synced: about 1 month ago
JSON representation

HTML, CSS and JS Projects

• Host: GitHub
• URL: https://github.com/piyuminadee/javascript-basic-projects
• Owner: piyuminadee
• Created: 2024-03-29T08:51:10.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-20T08:36:54.000Z (6 months ago)
• Last Synced: 2024-05-21T08:39:22.675Z (6 months ago)
• Language: HTML
• Size: 7.79 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Web_Project

HTML, CSS and JS Projects

# Rock Paper Scissors Game



A simple Rock Paper Scissors game implemented in HTML, CSS, and JavaScript.

## Gameplay

The game allows the player to choose between Rock, Paper, and Scissors, and then pits their choice against the computer's randomly generated move. The outcome is determined based on the classic Rock Paper Scissors rules:

- Rock crushes Scissors

- Scissors cuts Paper

- Paper covers Rock

If the player wins, the score increments by one. If it's a tie, the score remains unchanged. If the player loses, the score decrements by one.

## Features

- Player can choose between Rock, Paper, and Scissors.

- Computer generates a random move.

- Game keeps track of wins, losses, and ties.

- Score is persisted across sessions using local storage.

- Reset button allows the player to reset the score.

## How to Play

1. Open the `Rock-paper-se.html` file in a web browser.

2. Click on the buttons to select your move (Rock, Paper, or Scissors).

3. The game will display the outcome and update the score accordingly.

4. Use the "Reset Score" button to reset the score to zero.

----------------------------------------------------------------------------------------------

# Weather App



This is a simple weather app allows users to search for weather information based on city names.




Features

Search: Users can enter the name of a city in the search bar and click the search button to fetch weather data for that city.

Display: The app displays the current temperature and weather description for the searched city.

Responsive: The app is responsive and works well on both desktop and mobile devices.


Usage

Clone the repository or download the project files.

Open the index.html file in your web browser.

APIs Used

This project uses the OpenWeatherMap API to fetch weather data based on city names.

Project Structure

index.html: HTML file for the weather app interface.

styles.css: CSS file for styling the app interface.

app.js: JavaScript file for fetching weather data and updating the UI.

Getting Started

To run the weather app locally, you'll need an API key from OpenWeatherMap. Once you have the API key, replace 'YOUR_API_KEY' in the script.js file with your actual API key.




javascript

Copy code

const apiKey = 'fe7875a2b9ccc4853f7546ed125b3853'; 

Credits

Weather icons by OpenWeatherMap.

# Small Stop Watch





## Built With

- HTML

- CSS

- JavaScript

## Author

Nadeesh