How to Code Rock Paper Scissors (JavaScript) смотреть онлайн

How to Code Rock Paper Scissors (JavaScript)

In this JavaScript tutorial, we're covering how to code rock paper scissors, with a little twist. We won't just build rock paper scissors, at least the plain ol' vanilla version, but we'll show how to build out more complex versions as well. We're doing this all in plain vanilla JavaScript and html, no special libraries, no bells and whistles here. Follow along to learn how to code rock paper scissors in JavaScript easily and in a flexible way that allows for extensions.

What we'll cover:
* Rock Paper Scissors Code Overview
Our rock paper scissors implementation will be completely vanilla JavaScript, we'll be using document.createElement and document.getElementById largely to programmatically create everything we need. This gives us flexibility down the road to follow up with more complex versions of the game. There are versions that have dozens of possible choices.

* Rock Paper Scissors Lizard Spock
Anyone who's watched the Big Bang Theory knows Sheldon's twist on the game, we'll cover this and how to implement it.


A project like building rock paper scissors is a great exercise for a beginner programmer, the complexity of the overall architecture isn't high, you can optionally choose to build the board manually or via code if you're up to it. The logic is simple and straightforward, and the AI can be as simple as random or as complex as using a discrete markov chain or whatever else. Overall it functions well as a starter project. Take a look through the rock paper scissors code on github if you find yourself getting lost, and ask questions by leaving a comment below.

Github: https://github.com/simondevyoutube/RockPaperScissorsLizardSpock

Wikipedia: https://en.wikipedia.org/wiki/Rock_paper_scissors
Wikimedia: https://bigbangtheory.fandom.com/wiki/Rock,_Paper,_Scissors,_Lizard,_Spock