วีดีโอ

Welcome

Oh snap, thanks for watching till the end man. I trust you added it in your project right

Thanks for the pointer, I think you would love to know that I have since upgraded my sound on my latest videos. Have a watch and let me know your thoughts on the sound.

Thanks for completing the assignment. I believe that we learn best by doing so that is huge 👍 on your side. Appreciate your sub!

You're welcome

Hi, did you follow the video tutorial in order to complete the project? Check-out the follow-up video where I explain how to add more features to the application. Hope that helps

You can do this by stating player.style.color = 'red' or use the hex code and it should work

That sound like a great idea but it will need to know the blocks already selected so that the pc choose available blocks. Will definitely add this to my todo list. Thanks 😉

@@siphiwocode hi it's just a suggestion tho, please don't feel like I'm pressuring you ya. 😅😅

You bet

Supa glad I could help both emotionally and with your studies.

So code gets read from top to bottom right. No imagine in your script you are looking for a div-tag that has not rendered yet, that script will be null or undefined which will cause your code not work correctly. Stylesheet on the other hand are not manipulators meaning they don't change the the DOM but rather adds to it. if that makes sense.

Glad it was helpful! All the best with your dev journey

You can go to fonts.google.com. Hope this helps

This code defines an arrow function called start that adds a click event listener to each element in a collection of boxes. The forEach() method iterates over each element in the boxes collection and attaches a click event listener to each element. The event listener is a function called boxClicked, which is not defined in the code you provided. When a box is clicked, the boxClicked function will be called. The purpose of this function depends on its implementation, which is not shown in the code you provided.

@@Abubakr-md6kz thx so much

Thanks Abudakr for jumping in and helping :)

np thx for getting back to me I appreciate the help@@siphiwocode

There can be yes. Share the code once you have expanded on this one. That is the progress of learning...

On line 3 you will that I declare a variable that contains an array of boxes. This are the boxes from the html. That is why when I loop over the array, I name the single entry "box"

Make sure your style.css file is in the same directory as your index.html file. This could be the reason why your css file is not picking up. Hope this helps.

I assume you are referring to the code-editor sidebar right. I used Ctrl+B to toggle that. Hide and show the files.

Hey man, this theme is called Night Owl.

I am using Nextjs which has router build-in. I am assuming as to why I am not using UseRouter() hook to refresh the page right? If so, I do not want the entire page to reload but only the data to sync with the update done on Clerk side.

This can be caused by a number of things, my suggestion would be first check the variables where you set the X and O if they set correct. From there just follow both videos to make sure you not skipping a step. Happy coding 👍

Currently the blocks highlight function uses the css to highlight the winning combo. The issue or challenge with using lines is that the winning combo wont always be in a straight line. You will need to check the position of the second block from the first one in order to draw the line vertical, horizontal or diagonal. Drop me a link once you get this right 😉

Not sure what you asking Pankaj. A valuable skill in dev is being able to explain your code and in this case, your question 😉

You can download the file from my github account and compare the code. Most of the time is just a simple naming conversion that is not the same which could break the entire code base. Hope this helps

Hey Prebhu, that is not a bad idea. I will create a playlist that explain each of those methods and when or how to use them. Will discuss the chain effect of these methods. Thanks

Thank you! Will do!

@@siphiwocode but ur codesource does not work why?

Hi Rushika, unfortunately it is a bit difficult to assist you with your issue as it is unclear to me. You can make sure that you follow both the creation and solution to the Tic Tac Toe game videos. Hope you come right and good luck on your coding journey

@@siphiwocode OK thanks for replying

Hey Ayu, you can add more functionality to this if you want to, creating something like a username field will be great. You can then display the name of the user on top of the buttons section. Send me a link to your github once you have done this to review. Happy coding!

Hey Mblede, glad you like the tutorial. If you are experiencing issues, make sure you follow the initial video here: th-cam.com/video/oZrp3Atkz18/w-d-xo.html This one provides the solution to the question at the end of part 1

This is really interesting. I will add it to my list of videos. Thanks for the idea 👍

Awesome, thank you!

You know what, I agree. I think its time to redo this one with much better UI 🙂

Glad it was helpful! Can you point me the minute you are referring to. This will help me to better assist you

Thank you very much!

Thanks man, I have sinced this video started doing that as I noticed that you can barely see it on mobile. Check out the other projects I have created and let me know your thoughts.

Wow, thanks! Never thought I would reach 800 subs let alone have some be excited to be number 800 😁

I encourage everyone to try and implement this functionality in this game on their own. This is part of developing your coding skills. If you just want the solution / draw functionality, here is the video th-cam.com/video/y2Y25r94QLs/w-d-xo.html

At point 29:26 I had to copy the case statement in order to include the other 2 options. This was only set to rock for testing. Could this be your issue?

@@siphiwocode hi yes this could be the case, but when I did try that I didn’t work , what should I do ? I’ve also tried to add on discord but the link is expired or I don’t have permission

hi yes this could be the case, but when I did try that I didn’t work , what should I do ? I’ve also tried to add on discord but the link is expired or I don’t have permission

Hey Ellz. I got a discord channel that you we can chat on. From what you said, u can't help without looking at your code. Try to make sure that you do not have a semicolon or any character out of place. Small things like this can cause bugs in your code

Glad you tried to do the challenge and complete the game. For your issue, I suggest watching the solution here: th-cam.com/video/y2Y25r94QLs/w-d-xo.html