Simple Javascript tutorial For Beginners - Rock, paper, scissors - Full project
Let's learn fundamental Javascript, HTML and CSS by making a rock, paper, scissors game!
This tutorial is made for beginners, and no prerequisites are needed.
It's a wonderful entry from HTML and CSS into web design logic with Javascript.
I believe it is a great first project for an aspiring web-developer and a fun and rewarding way to learn the basics.
If you are a beginner in web development this project will help you a lot. It's no coincident that students are recommended to do projects like this when starting out. It's because the fundamentals really stick when you get to use it in a simple, practical way - just like we do here.
We'll look at the difference between let and const, conditionals, changing our elements based upon user input, styling and much more!
Complete code on Github:
https://github.com/Polkagris/rock-pap...
How to get the code without using the terminal:
1. Go to the Github link
2. Click on the green Code-button
3. Click Download ZIP
4. Extract and open the folder in your proffered code editor (I'm using visual studio code)
5. To see the game in action, just open the index.html file in you browser
Code editor download link:
https://code.visualstudio.com/
Timecodes
0:00 - Intro
0:43 - Creating our files
1:42 - Creating our HTML
10:10 - Opening up our project in the browser
11:03 - Connecting HTML to Javascript
13:00 - OnClick functions for buttons
20:15 - Creating the computer/opponent
27:35 - Game logic function
48:00 - Display outcome of game
50:11 - Reset
53:42 - Complete game
54:20 - Styling
55:24 - Expanding HTML
54:20 - Styling
59:50 - CSS
1:20:10 - Adding Emoji
1:30:40 - Done
Auf dieser Seite können Sie das Online-Video Simple Javascript tutorial For Beginners - Rock, paper, scissors - Full project mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Red Eye Media 28 Juni 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 138 Mal angesehen und es wurde von 6 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
