Simple Javascript tutorial For beginners - Tic Tac Toe - Full project

Veröffentlicht am: 05 Juli 2021
auf dem Kanal: Red Eye Media

500

Excellent project for beginners who want to learn how to make a Tic Tac Toe game with Javascript.
With a simple Tic Tac Toe Game in vanilla Javascript with HTML and CSS - you can't go wrong.

No overly complicated logic. No overly flashy styling. Just making it work with simple to follow logic.

This project is very good for people who wants to understand the fundamentals of Javascript, HTML and CSS where we will be working with arrays, if-statements and conditional styling among many other cool things.
We will focus on the Javascript for the most part, but add some styling to make it look all right and responsive.

Note that instead of circles and crosses, we'll be using colors for each player, but the game logic itself is exactly the same as any other tic tac toe game.
Also, we will add a counter and a restart button.

Code on Github:
https://github.com/Polkagris/TicTacTo...

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
1:10 - html
10:18 - first css
15:05 - js variables
16:40 - connect js to html
24:20 - click event
27:00 - handling turns
33:49 - preventing double click squares
36:35 - win logic
44:55 - check for win
54:10 - counter and game complete
1:00:40 - restart
1:06:25 - discovering bug
1:11:30 - styling
1:22:20 - making it responsive
1:24:18 - complete app

Auf dieser Seite können Sie das Online-Video Simple Javascript tutorial For beginners - Tic Tac Toe - Full project mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Red Eye Media 05 Juli 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 500 Mal angesehen und es wurde von 7 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!