• Thursday , 6 August 2020

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

Code Canyon



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

3d Ocean

Related Posts

21 Comments

  1. the boss
    January 23, 2019 at 14:07

    Guys what is the name of the program that he us

  2. Adusparx
    January 23, 2019 at 14:07

    This is brilliant, learnt a lot of things.

  3. Steve's teacher
    January 23, 2019 at 14:07

    30:30 Question…
    Is querySelector() a shorter version of getElementsByClassName() or something?

  4. Normies arent Homies
    January 23, 2019 at 14:07

    Can someone explain how at 2:35 he moves the closing div tag in the same line as the opening tag?

  5. Javascript Nerd
    January 23, 2019 at 14:07

    I won.

  6. Emil Rzayev
    January 23, 2019 at 14:07

    Thanks!

  7. natedsamuelson
    January 23, 2019 at 14:07

    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?

  8. Juan Marcelo Herrera
    January 23, 2019 at 14:07

    Hello! Someone can point me on the direction to make this game player vs player?.

  9. Kcireh
    January 23, 2019 at 14:07

    exagero

  10. drewski west
    January 23, 2019 at 14:07

    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.

  11. drewski west
    January 23, 2019 at 14:07

    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… ?

  12. drewski west
    January 23, 2019 at 14:07

    i'm sure you have a video on your packages and i doubt you'll see and reply to this but if anyone knows how he's getting emoji's in ATOM pls let me know!

  13. taher ali khan
    January 23, 2019 at 14:07

    Awesome

  14. vickey tiwari
    January 23, 2019 at 14:07

    how to download icons bro

  15. Janice Medina
    January 23, 2019 at 14:07

    Math.random yields a random number between 0, inclusive, and not quite 1.
    So yes 0 is possible, but 1 is not.

  16. Janice Medina
    January 23, 2019 at 14:07

    Love your pacing and upbeat presentation.
    Why not insert text for the alt attribute? alt="fist" alt="palm down" alt="two fingers extended in V" or some content like that.

  17. Shyar Xelil
    January 23, 2019 at 14:07

    Nice video! I liked your work, but at 43:58 why don't you use choices.length instead of multiplying by 3. const randomNum= Math.floor(Math.random() * choices.length);

  18. LukeCubes
    January 23, 2019 at 14:07

    i won

    normie

  19. Nguyễn Bá Chiến
    January 23, 2019 at 14:07

    thanks, this video very interesting <3

  20. Alex Labanino
    January 23, 2019 at 14:07

    That's why I quit Atom, too slow!

  21. Rüzgar Ata Özkan
    January 23, 2019 at 14:07

    guys can anyone tell me which theme and font type is he using, I liked it so much.

Leave A Comment

You must be logged in to post a comment.