You are browsing as a guest. Sign up (or log in) to start making projects!

RockPaperScissors

  • 3 Devlogs
  • 5 Total hours

Rock paper scissors game

Open comments for this post

49m 25s logged

Hey there,
I added some amazing changes

  1. A shortcut for ‘AutoPlay’ and ‘ResetScore’
  2. Visual changes to font and button/text colors so that it has a better UI
  3. A pop-up message displaying if user presses ‘Backspace’ to avoid mis-clicks

Things I learnt here:
Mainly I implemented addevenListener in js instead of using onclick in HTML, and I also had a huge logic for the pop-up thingy which is not as easy as it looks but it worked fine and I’m really proud :D

0
0
6
Open comments for this post

41m 1s logged

A functionality was added where you can press keys instead of clicking the buttons manually, i changed this by removing onclick attribute on HTML and implementing document.body.eventListener, it really helped and its something new is learnt

0
0
5
Ship #1

I made a simple rock paper scissors game after recently learning JS.

Currently the most challenging part was probably DOM, localStorage and autoplay features and I was a complete beginner. However, now it looks really cool and even if its simple I hope you guys do give it a good play atleast once and maybe suggest some improvements!

  • 1 devlog
  • 3h
  • 2.35x multiplier
Try project → See source code →
Open comments for this post

3h 4m 13s logged

I built a dark mode Rock Paper Scissors game from scratch to learn dynamic DOM manipulation, state logic, and browser storage. The single biggest obstacle was deploying to GitHub, where my image assets completely broke on live servers. It turned out to be a case-sensitivity issue—GitHub’s Linux-based servers rejected my lowercase image paths because my JavaScript was passing capitalized strings. I’m really proud of debugging this and fixing it programmatically using the .toLowerCase() method, which successfully synced my script with the directory assets. The code is clean, fully responsive, and keeps your score saved via localStorage even after a page refresh!

0
0
3

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…