https://github.com/kaplanh/rock-paper-scissor

https://github.com/kaplanh/rock-paper-scissor

css3 dom-manipulation events html5 javascript

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kaplanh/rock-paper-scissor
• Owner: kaplanh
• Created: 2024-01-22T08:22:09.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-03-03T20:47:48.000Z (9 months ago)
• Last Synced: 2024-03-03T21:38:05.309Z (9 months ago)
• Topics: css3, dom-manipulation, events, html5, javascript
• Language: JavaScript
• Homepage: https://kaplanh.github.io/Rock-Paper-Scissor/
• Size: 900 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Rock Paper Scissor Game with JS

![rock-paper scissor](https://github.com/kaplanh/Rock-Paper-Scissor/assets/101884444/22334bdd-1127-468a-bdf9-8e207421770e)

[Live Link](https://kaplanh.github.io/Rock-Paper-Scissor/)

## Description

The project aims to create a Rock Paper Scissor Game using JS.

## Problem Statement

- Your company has recently started on a project that aims to create a  Rock Paper Scissor Game. So you and your colleagues have started to work on the project.

## Project Skeleton 

```

Rock-Paper-Scissor (folder)

|

|----readme.md                        

|----index.html  

|----index.css

|----app.js

|----assets (folder)

``` 

### At the end of the project, following topics are to be covered;

- HTML 

- CSS

  - flexbox

- JS

  - DOM Manipulations

  - DOM Selectors

  - Events

  - Capturing & Bubling (https://www.w3schools.com/js/js_htmldom_eventlistener.asp or https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener)

  - addEventListener("event",(event)=>{})

  - Functions(Math.floor(Math.random() * 3))

  - if else - if - else conditions

  - Ternary

  - LocalStorage

### At the end of the project, developers will be able to;

- improve coding skills within HTML, CSS and JS 

- use git commands (push, pull, commit, add etc.) and Github as a Version Control System.

## Notes

- You can use HTML, CSS and JS to complete this project.

 ⌛ Happy Coding  ✍