Tic Tac Toe Game | HTML, CSS & JavaScript | Part 2

Published: 26 May 2022
on channel: Sharnav's Tech

239

Hey Everyone, In this series of tutorials, I am going to show you, how to create this amazing Tic Tac Toe game, using HTML, CSS and JavaScript. You can play this game with your friend, or against the computer.
This video covers various concepts like querySelector, style property, variables, constants, functions for loops, arrays, forEach method, every method, innerHTML etc.
============
• Part 1 - • Tic Tac Toe Game | HTML, CSS & JavaScript ...
• SVG Code - https://pastebin.com/bRMKudYP
• Download Source Code:- / 66481156
============
• Follow me on Instagram: @techy_sharnav
============
Chapters

0:00 - Intro
0:13 - Final Preview
0:24 - Intro
0:47 - Creating JavaScript File
1:03 - Copying Code for SVGs
1:17 - Selecting the required elements
2:23 - Declaring Variables
3:48 - Writing startGame() function
5:16 - Writing endGame() function
5:53 - Writing declareWinner() function
9:10 - Writing checkWinner() function
13:30 - Writing updateBoard() function
14:07 - Writing makeMove() function
17:12 - Adding Event Listener to XDIV
18:07 - Adding Event Listener to ODIV
18:32 - Adding Event Listener to cells
20:56 - Adding Event Listener to resetBtn
24:42 - Checking for a bug
24:53 - Fixing the bug!
25:15 - Preview (this part)
25:41 - Outro

On this page of the site you can watch the video online Tic Tac Toe Game | HTML, CSS & JavaScript | Part 2 with a duration of hours minute second in good quality, which was uploaded by the user Sharnav's Tech 26 May 2022, share the link with friends and acquaintances, this video has already been watched 239 times on youtube and it was liked by 9 viewers. Enjoy your viewing!

11,267