Code Tic Tac Toe Game in JavaScript HTML CSS

Sdílet
Vložit
  • čas přidán 27. 08. 2024
  • Tic Tac Toe Javascript Tutorial. Complete tutorial on how to code a full tic tac toe in javascript step by step for beginners! Learn how to build tic tac toe with javascript!
    Code: github.com/ImK...
    Demo: imkennyyip.git...
    Website: www.kennyyipco...
    Java Game Programming Projects Playlist:
    • Java Game Programming ...
    JavaScript Game Programming Projects Playlist:
    • JavaScript Game Progra...
    Subscribe for more coding tutorials 😄!
    #codetictactoe #tictactoejs #tictactoejavascript

Komentáře • 39

  • @cdaaniel
    @cdaaniel Před 10 měsíci +5

    Hey man, I wish I found you're channel when I got started. The way you explain is beginner-friendly and your drawings also help. Keep it up bro🙌

  • @robparent1261
    @robparent1261 Před 2 lety +11

    This is the best walkthrough I've seen so far ... by far! Well done. And thanks!

    • @KennyYipCoding
      @KennyYipCoding  Před 2 lety +1

      Glad you found this tutorial helpful! Make sure to subscribe to see more tutorials like this !

    • @kevinlei9826
      @kevinlei9826 Před rokem

      @@KennyYipCoding already did!

  • @tusharmalhotra3228
    @tusharmalhotra3228 Před 2 lety +10

    why dos this have no views this is the easiest tutorial ever nice man

  • @KennyYipCoding
    @KennyYipCoding  Před 2 lety +2

    If you enjoyed the video, don't forget to like, subscribe, and share! :)
    how to code WORDLE: czcams.com/video/ckjRsPaWHX8/video.html
    how to code SUDOKU: czcams.com/video/S4uRtTb8U-U/video.html
    how to code CONNECT 4: czcams.com/video/4ARsthVnCTg/video.html
    how to code 2048: czcams.com/video/XM2n1gu4530/video.html

  • @kamarajp1932
    @kamarajp1932 Před 2 lety +2

    Omg! I found the best 👍💯tutorial ever
    Thank you 🙏🙏

  • @KngAb
    @KngAb Před 6 měsíci +1

    can you create one where you play against the computer

  • @siempreretro
    @siempreretro Před rokem +2

    Nice tutorial!
    I made this game, but with buttons 🙂

  • @kamarajp1932
    @kamarajp1932 Před 2 lety +1

    Very Good explanation 👍👍👍

  • @sufiantariq3983
    @sufiantariq3983 Před 2 lety +5

    Function to check Game Tie:
    function checkTie()
    {
    let count = 0;
    for(let r=0;r

  • @renishsalakhana5603
    @renishsalakhana5603 Před 2 lety +2

    what if game is tie then ...can you please make function for check tie ??

    • @aminejamal4849
      @aminejamal4849 Před rokem +1

      you can add an else condition, if none of the other conditions are met its a tie

  • @renishsalakhana5603
    @renishsalakhana5603 Před 2 lety +1

    what if we got draw ??

  • @hriyanshah6287
    @hriyanshah6287 Před měsícem

    thank you this changed my life😀😄😊

  • @stuartlittle995
    @stuartlittle995 Před 2 lety +2

    Hey bro great video I have a doubt in line 11 how do you set values of board array in 'r' and 'c'

  • @tanmaym2095
    @tanmaym2095 Před 7 měsíci

    hello
    so i wrote everything in the code the exact same
    but when i added the
    if(board[r][c] != ' '){
    return;
    }
    it becomes unclickable
    Pls help

    • @KennyYipCoding
      @KennyYipCoding  Před 7 měsíci

      You have a bug somewhere, you can right click on the web page -> inspect, and go to console to see if anything gets printed out. If not, if you click on the GitHub link in the video description, you can compare the code like by line to see where you wrote something differently.

    • @tanmaym2095
      @tanmaym2095 Před 7 měsíci

      @@KennyYipCoding Ok thanks I will try it out

  • @ujwalam1906
    @ujwalam1906 Před rokem +1

    i am not able to refrese the css code

  • @renishsalakhana5603
    @renishsalakhana5603 Před 2 lety +1

    please make a function for when the game is tied in this code

  • @YoRu-Cat
    @YoRu-Cat Před 7 měsíci

    im new to coding. im encountring an issue that my borders are not showing i even tried using z-index but in vain. Welp

  • @derickfarnicky6062
    @derickfarnicky6062 Před 2 lety

    beautiful tutorial

  • @js_games_for_dummies
    @js_games_for_dummies Před rokem

    Great! Brilliant!

  • @sezyofc3093
    @sezyofc3093 Před rokem

    Hi, im new js learn, i want learn javascript, but i still don't understand, 12:39 what let r let c mean, can you explain pls and board [r][c], how it does works, thnx you very much

  • @AdityaKumar-bf9yn
    @AdityaKumar-bf9yn Před rokem

    please make video or short on draw too!

  • @InFiNiTy12006
    @InFiNiTy12006 Před 2 lety

    Hey thanks man that was helpful but I need a favour can you make it so after winner is decided a line comes up on the winning tiles

  • @derickfarnicky6062
    @derickfarnicky6062 Před 2 lety

    can we build tic tac toe using constructor???

    • @KennyYipCoding
      @KennyYipCoding  Před 2 lety

      not sure what you mean by that but you could try playing around with the code, changing it up or moving things around!

  • @islombekganiyev
    @islombekganiyev Před 4 měsíci

    good ,no the best

  • @MrinalSinghEC
    @MrinalSinghEC Před 2 lety

    Can anyone guide me the procedure to run this on any mobile phones

    • @KennyYipCoding
      @KennyYipCoding  Před 2 lety

      Hi, I have a tutorial on my channel on how to host your website for free on GitHub. After you host it, just enter the link on your phone

  • @Aymanerguigue
    @Aymanerguigue Před rokem

    WOW😊💯

  • @necronomicon-xmortis9362
    @necronomicon-xmortis9362 Před 3 měsíci

    im convinced that your a time waister

    • @KennyYipCoding
      @KennyYipCoding  Před 3 měsíci

      You’re * a time waster*
      Anyway feel free to elaborate what you mean !