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”
Guys what is the name of the program that he us
This is brilliant, learnt a lot of things.
30:30 Question…
Is querySelector() a shorter version of getElementsByClassName() or something?
Can someone explain how at 2:35 he moves the closing div tag in the same line as the opening tag?
I won.
Thanks!
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?
Hello! Someone can point me on the direction to make this game player vs player?.
exagero
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.
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… ?
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!
Awesome
how to download icons bro
Math.random yields a random number between 0, inclusive, and not quite 1.
So yes 0 is possible, but 1 is not.
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.
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);
i won
normie
thanks, this video very interesting <3
That's why I quit Atom, too slow!
guys can anyone tell me which theme and font type is he using, I liked it so much.