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

Опубликовано: 17 Ноябрь 2024
на канале: Sharnav's Tech

226

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 & JavaSc...
• 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