Web Development Tutorial – JavaScript, HTML, CSS – Rock Paper Scissors Game




This web development tutorial shows how to use JavaScript, HTML, and CSS to create a Rock Paper Scissors Game in the browser.

Tutorial by whatsdev. Check out their channel: https://www.youtube.com/channel/UC0tRdbXVDbhaRvZPKsRgmxg

Code link coming in a few days.

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Original source


21 responses to “Web Development Tutorial – JavaScript, HTML, CSS – Rock Paper Scissors Game”

  1. I can't for the life of me figure out why the interactive outline for win/loss/draw doesn't match the radius of the original outline around the rock, paper, and scissor. Everything I try ends up just modifying the other circle. Is there a way to replace?

  2. annnnnd got everythin fixed up but final error is the glow
    even when win it doesn't trigger element inspect at all, or console.log after one win.
    border doesn't turn color, nothing happens except in inspect/console once.

  3. after editing the win/loss/draw functions i started getting this error on console inspect element
    Uncaught SyntaxError: Unexpected end of input
    app.js:87
    basically when i save a file on ATOM it adds a phantom line after the last bit of code, which has not been causing any issues up until this point… ?

Leave a Reply