Lecture 9 : Tic Tac Toe Game in JavaScript | JS Project | JavaScript Full Course

[shradhaKD]

Thank you everyone for all your wishes❤ I am feeling better. 
The voice in few parts of this lecture might feel slightly different as my throat is still infected. But will recover completely soon. Hope you enjoy the lecture❤

[MuhammadSulemanshafique]

I don't know what's the magic in this tutor. Even though programming was a nightmare for me a few years back, now it's as easy as pie. Salute to this great teacher. A lot of respect from Pakistan.

[TechExploreHub]

00:01 Building a Tic Tac Toe game using JavaScript
01:55 Tic Tac Toe game basics in JavaScript
06:35 Creating interactive game boxes using buttons
09:08 Styling the game container and elements
13:42 Styling the tic-tac-toe game buttons
15:53 Setting up the game layout and styling
20:46 Creating and accessing 2D arrays
22:58 Working with 2D arrays in JavaScript
26:59 Setting the value to false for future turns
29:26 Implementing a function to check for the winner
32:56 How to check patterns of zero, one, and two in the Tic Tac Toe game
34:49 Accessing and storing values from Tic Tac Toe game boxes using JavaScript.
39:04 Implementing a new game button functionality
41:17 Using JavaScript to manipulate DOM elements and display messages based on game results
45:55 Creating functions for new game, enable boxes, reset values, and trigger events.
48:09 Creating a Tic Tac Toe game in JavaScript with styling and functionality
52:27 Tic Tac Toe game as a data structure algorithm problem in web development

[Rajput]

Wese tu mai ne JavaScript ki bhot videos dekhi lkin actual mai JavaScript clear hona tab shura hua jabse apki ye JS series dekh raha hu or ye project that's super super amazing
Thank you so so so much ❤❤❤
❤ From Karachi

[anchal]

Mam, Please make a playlist on React js❤

Although this course is awesome 👍

[bipinm]

I add a very fantastic text glitter effects on " congratulation winner is o or completed this game using your code....thank you very much for your lovely teaching styles... keep it up...live you dear sister...and God bless you...❤❤❤❤❤

[tamoshreedey]

I did the draw condition as well! and I learnt a of things while solving it. I didn't copy all the code I tried solving it my way ofcrs refering to your lecture and my code is a bit lengthy and haphazard but I am sure I will be able to make it compact over time. Thank you so much didi! JS feels super interesting now!!! Also this one was my first js project and I am enthused to do more in the future! <3

[Ninjacodes]

First java script project done by you thanks for your valuable content Keep Smiling Dii💗❣

[fitnessfreak]

We want More Javascript Projects for Practice 🤩😍 ..

[ahmimail.]

solution for draw condition:
step 1: initialize a variable let click_count=0; in top after turn0.
step 2: use else if condtion in checkwinner () function like this:
if(pos1==pos2 && pos2==pos3){
// console.log(`Winner is ${pos1}`)
Showwin(pos1);
disable();
}
else if(click==9){
msg.innerHTML="Match is draw";

}


step 3: set click_count=0; again in reset function. this will set the value 0 whenever game is restart

[saidanwar]

Thanks ''GOD'' at the end Your health is recover Mam.[ From Gilgit Baltistan]

[akshaysalhotra]

[0, 1, 2], simple counting
[3, 4, 5], simple counting
[6, 7, 8], simple counting
[0, 3, 6], vertical count(0 to 6 first line up to down )
[1, 4, 7], vertical count( 1 to 7 first line up to down )
[2, 5, 8], vertical count( 2 to 8 first line up to down )
[0, 4, 8], cross count(0 to 8 first cross line count)
[2, 4, 6], cross count( 2 to 6 Second cross line count)

This is very easy way to learn the tic tac game counter .

[AatiqRana-vt]

kindly make a content on node js and mongo Db you are best coding teacher l have seen in youtube you explain complex topic
with easy example

[sayandeepsadhukhan]

If we change the color of the "X" and "0" then we have to use box.style.color = "green" (you can use user favourite color, );It is used after the using ( box.innerText = "O") and ( box.innerText = "X")...

[rezwansaki]

Awesome!! The teaching method was very simple and beautiful. ☺

[ShubhUSinha]

Finally di you recovered! ❤️❤️❤️❤️❤️
Was Waiting for such project!

[venkatesht]

Thank you shradha mam, it was very helpful to understand the function and calling the function when needed

[ishrathbanu]

Welcome back diidi, me aapko dekke itna khush hogayi thiki phn hi niche girgaya haath se 😂😂😂

[shubhamojha]

Thank You Didi for helping us to learn JS from scratch and explaining all concepts .

[shivangikhanna]

First I made the game my self then I watched your tutorial and there is a massive difference in the logic still both game work correct