How to Build Tic Tac Toe with JavaScript, HTML and CSS - Tutorial

Поделиться
HTML-код
  • Опубликовано: 30 янв 2025

Комментарии • 32

  • @itachimollett6860
    @itachimollett6860 3 года назад +9

    So underrated, your videos helped me a lot throughout my coding experiences, thank you very much!

    • @CodingWithAdam
      @CodingWithAdam  3 года назад +2

      Thank you Dominic! I really appreciate your comment. It’s comments like yours that keep me going on RUclips! I’m really happy the tutorials are helping.

  • @Chuckler127
    @Chuckler127 2 года назад +7

    Thanks for doing a video like this! I'm currently training to become a brand new web developer with HTML, CSS, and JS. I'm still in the middle of learning all the basic fundamentals, but after watching this video all the way through I can finally see how all the fundamental building blocks of the languages can come together and produce a complete game like this. It's really helped make a lot of stuff finally "click" as I continue to study!

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +2

      You’re welcome! I’m really glad to hear that this video is helping! Congratulations on your journey to become a web developer! Keep on practicing and learning!!!

  • @samiyi4896
    @samiyi4896 10 месяцев назад +2

    This helped so much, Thank You Adam. Very easy to follow!!

    • @CodingWithAdam
      @CodingWithAdam  10 месяцев назад +2

      You’re welcome! Glad the tutorial was helpful and easy to follow 😁

  • @sora4kairi2
    @sora4kairi2 2 года назад +2

    Thank you so much for this! I have an assignment to create a tic tac toe game and your vid is a great guide for my understanding!

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +1

      You’re welcome! I’m really glad the video helped with your assignment.

  • @unanimous8510
    @unanimous8510 3 года назад +6

    Very cool video, Adam. Great explanation and overall good job 👍

  • @MichaelRushing-tt8nb
    @MichaelRushing-tt8nb 3 месяца назад +2

    Thank you so much for the video. Im having some issue with the sound not playing and the fowlling errors. failed to load resource the server responded with a status of 404(not found ) for both sounds. some uncaught (in promise) not supported errors the element has no supported sources. These are all in relation to the sounds. I assume I am not downloading the file correctly for github? Im using download raw file on both files, but wonder what format the file should download, possible? This is my first time dealing with github so im defianitly a newbie.

    • @CodingWithAdam
      @CodingWithAdam  3 месяца назад +1

      You're welcome! Thank for taking the tutorial. For the issues that you encountered I would take look at the chrome developer tools console to see if you see any errors. I would also try and see if the downloaded files will play any music on your computer before trying them with the game. No problem about being new to GitHub here is a direct link to download the entire project as a zip github.com/CodingWith-Adam/tic-tac-toe/archive/refs/heads/main.zip the sounds files should work correctly by downloading the full project. I know this reply is late but I hope it helps!

  • @enksek
    @enksek 2 года назад +2

    very informative...really liked it...

  • @secydon
    @secydon 2 года назад +2

    this was super helpful thank u!!!

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +1

      You’re welcome! Glad the video helped!

    • @secydon
      @secydon 2 года назад +1

      @@CodingWithAdam i was just curious about how to change the message from "winner is o!" to what message i want. For example i want to do "humanity has won"

  • @rajivagarwal5875
    @rajivagarwal5875 2 года назад +2

    Thanks a lot man you saved me

  • @mm-ii3if
    @mm-ii3if 2 года назад +1

    I can't get my strike through line to show when there is a winning combo. Any advice?

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +1

      Sorry to hear that I would take a look at the completed solution linked in the description. I only tested in chrome so it could be a browser specific issue.

  • @ZenithFLX
    @ZenithFLX 2 года назад +1

    3:42 how did u make them multiple instantly?

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +2

      It’s a neat trick. It’s the duplicate line shortcut in vscode
      Select the line that you want to duplicate.
      If you want to copy the line to the line above itself, press Shift + Alt + Up Arrow Key.
      If you want to copy the line to the line below itself, press Shift + Alt + Down Arrow Key

    • @ZenithFLX
      @ZenithFLX 2 года назад +1

      @@CodingWithAdam thank you so much! you are very underrated.

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +1

      Thank you! 😊

  • @zan1boy
    @zan1boy 2 года назад +1

    how to put the code in chrome

  • @sanyamjain4777
    @sanyamjain4777 2 года назад +2

    Hey when same player is on 4,5,6 in which the line doesn't match it still says win its a bug

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +1

      I’m not sure if I understand correctly does it do it in the demo here codingwith-adam.github.io/tic-tac-toe/index.html

  • @МахпубаНосирова
    @МахпубаНосирова 2 года назад +1

    I am not undrestand

    • @CodingWithAdam
      @CodingWithAdam  2 года назад +1

      Sorry to hear that… keep trying 😁

  • @dienasormosquito3259
    @dienasormosquito3259 3 года назад +1

    I won't run 🤧🤧🤧🤧

    • @CodingWithAdam
      @CodingWithAdam  3 года назад +1

      Sorry to hear that. Have you checked the console for errors in chrome?