Whac-a-mole in JavaScript (super simple!)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ธ.ค. 2024

ความคิดเห็น •

  • @rengifocris
    @rengifocris 3 ปีที่แล้ว +10

    Brilliant, it's incredibly easy the way when you explain it.
    Thank you so much, I've been improving my javascript skills with your content, and help me a lot at work

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +2

      you are so welcome!!! Thanks for watching :D

  • @philipdavis5031
    @philipdavis5031 3 ปีที่แล้ว +1

    Great Stuff! My son wanted to make a game so I came to your channel to show him how it's done. You have a great way of explaining coding. Thanks a bunch!

  • @gfddgitgud3848
    @gfddgitgud3848 9 หลายเดือนก่อน

    Awesome! I’m at the place that I can comfortably follow some beginner JavaScript projects and I like the idea that you completely skipped over the css part! Haha. Your explanation with console logging is very easy to understand. Easy feedback loop to follow. Can’t wait to do more of your project tutorials! Thanks

    • @aniakubow
      @aniakubow  9 หลายเดือนก่อน

      Glad it was helpful!

  • @julesfelvermayandzangouala1292
    @julesfelvermayandzangouala1292 3 ปีที่แล้ว +1

    Thank you so much Ania. I'am learning a lot with your videos, your explanations are so clear and this game tuto serie helps a lot . Much love from Ivory Coast :)

  • @whistlerbrad
    @whistlerbrad 3 ปีที่แล้ว +1

    Fantastic Ania! Really enjoyed this tutorial. Pacing was good, concepts covered help with real-world projects. You’re killing it with making learning fun.

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +1

      Ah I’m really glad! Thanks so much for taking the time to write this comment Brad 🥰🥰

  • @orlius
    @orlius 3 ปีที่แล้ว +7

    Please, never stop Ania :D

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +3

      I will try! Thanks Aurelien for all your support :D

    • @BiP00
      @BiP00 3 ปีที่แล้ว

      @@aniakubow please stop...I can't keep up lol!!!

  • @yassssssss827
    @yassssssss827 3 ปีที่แล้ว

    I'm learning javascript and your videos help me a lot to practice. Thank you so so much

  • @TheCodingOdyssey
    @TheCodingOdyssey 3 ปีที่แล้ว +1

    Woah Ania your channel really exploded :D Good job!

  • @lucasbarros8740
    @lucasbarros8740 2 ปีที่แล้ว

    Great tutorial. You're amazing. Really clear and easily to code. Thank you for your effort. You're the best.

  • @LebrancConvas
    @LebrancConvas 3 ปีที่แล้ว

    Love this channel so much, The First Step of Game Programming ! 😊👍

  • @Jakub-ru8ej
    @Jakub-ru8ej 2 ปีที่แล้ว

    This is so easy and fun Ania, thanks a lot!

  •  3 ปีที่แล้ว

    You explain everything very clearly, even I understand that I am super slow.

  • @shwackthenoobsac
    @shwackthenoobsac 3 ปีที่แล้ว +1

    I am curious, why not use box-sizing: border-box instead of making the height and width 606px? With border-box you can leave the height and width at 600px and the border is rendered inside the 200px width and height divs instead of outside.

  • @undefBehav
    @undefBehav 3 ปีที่แล้ว

    Hey Ania! This game looks actually very fun, amazing tutorial as well! In my honest opinion I think you should consider making a basic lightweight game/render engine in Javascript so that you can use it for your future game tutorials. I will also be interested to check it out as well. 👨‍💻

  • @TomTomDevelopers
    @TomTomDevelopers 3 ปีที่แล้ว

    Another excellent tutorial! have you thought of replacing those 'setTimeout' for 'requestAnimationFrame' for a more accurate timing rendering?

  • @missharlynn
    @missharlynn 3 ปีที่แล้ว

    Thank you so much for the tutorial!! I noticed there is a bug at the end that after you click on the alert for the game over, the mole will move one more time. How would you go around fixing this?

  • @ZurioSi
    @ZurioSi 3 ปีที่แล้ว

    Yesss!! another amazing video. Thank you so much like always!

  • @okegbemijoshua7145
    @okegbemijoshua7145 3 ปีที่แล้ว +1

    Hello.. Please am a beginner in JavaScript ... Please recommend courses that will make me an expert...
    Glad to hear from you.
    From Nigeria...

  • @storminnorman7445
    @storminnorman7445 3 ปีที่แล้ว

    This was amazing, thank you for sharing, Ania.

  • @rameshdahal2842
    @rameshdahal2842 3 ปีที่แล้ว +1

    setInterval( alert('hello'), 1000 ); When i don't wrap alert into an function It alerts only once
    setInterval(➡ function(){ alert('hello'); }, 1000 ); but when i wrap alert into a function it alerts in an interval of every 1 sec. Why is that?

  • @Jiga92
    @Jiga92 2 ปีที่แล้ว

    How to write jest for this app.js? Especially for randomSquare function?

  • @mantikhatasi
    @mantikhatasi 3 ปีที่แล้ว

    so nice and simple. loved it.

  • @cheetawarrior524
    @cheetawarrior524 2 ปีที่แล้ว

    thanx Ania , very helpful

  • @trtlphnx
    @trtlphnx 3 ปีที่แล้ว +4

    DAMN I Could Listen to Your Wisdom on Code ALL Fucking Day!!!
    Thanks so Much for Sharing So Much, To So Many For so Little!!!

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว

      That is super kind of you :D

  • @tania3952
    @tania3952 2 ปีที่แล้ว

    You're the best!!, thank u for this video

  • @YoungGoalkeeperJourney
    @YoungGoalkeeperJourney 3 ปีที่แล้ว

    Hello. Could anyone help with one small question? I would like to make it so that the interval timer is shorted (speed up) after each click. Say it starts with 2000ms and with each click it speeds up with 100ms. Thanks!

  • @Devenrow
    @Devenrow 3 ปีที่แล้ว

    How would you add audio sounds to it?

  • @Matyas45
    @Matyas45 3 ปีที่แล้ว

    Does anybod know how to reset the timer for example with a button? Not just refreshing the page. Thx

  • @RosadeWit-nd4pv
    @RosadeWit-nd4pv ปีที่แล้ว

    I can't seem to get the mole to show up in the grids. It seems invisible because when I click on some random grids I do get points.

  • @sameergaikwad222
    @sameergaikwad222 3 ปีที่แล้ว

    Awesome learning experience 😎 😎 Thanks 😊

  • @timelesscode323
    @timelesscode323 3 ปีที่แล้ว

    Excellent tutorial ❤️❤️

  • @wayne3920
    @wayne3920 3 ปีที่แล้ว

    Wow i really love your blue eyes make me more listening and watching while learning your video(i love u 😍😘🥰)

  • @amiine90
    @amiine90 2 ปีที่แล้ว +1

    I was wondering what happens if you click on the mole twice when it appears 🤔
    Actually, that'll score 2 points.
    Is there a workaround for this issue ?

  • @rangabharath4253
    @rangabharath4253 3 ปีที่แล้ว

    Awesome as always 👍😀

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +1

      Thank you as always Ranga ! :D

  • @tolazytoothink3011
    @tolazytoothink3011 3 ปีที่แล้ว

    Where can i find a tutorial on how to create a whack a mole game by strictly using java script not CSS or HTML?

  • @escorpiodeoctubre
    @escorpiodeoctubre 3 ปีที่แล้ว

    Sos maravillosa, ojala puedas en un futuro poner subtitulos en español para la comunidad de latinoamerica: )

  • @thunde7226
    @thunde7226 3 ปีที่แล้ว

    I wish.......................I had you as my teacher in the College.........:) ......... you make it so easily..............and Practical................:) .............bye

  • @computerscience1152
    @computerscience1152 3 ปีที่แล้ว +1

    Awesome

  • @nabil7913
    @nabil7913 3 ปีที่แล้ว

    Nice ❤

  • @TribecaRebecca
    @TribecaRebecca 3 ปีที่แล้ว

    Ania how to make a level 2? :)

  • @deepak8586
    @deepak8586 3 ปีที่แล้ว

    Awesome!!

  • @varshniveralevel8347
    @varshniveralevel8347 3 ปีที่แล้ว

    Where can I download the full source code?

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว

      I put a GitHub link in the description :)

    • @varshniveralevel8347
      @varshniveralevel8347 3 ปีที่แล้ว

      @@aniakubow thank you.... Make the world a better place by open sourcing everything

  • @TheWymerMon
    @TheWymerMon 3 ปีที่แล้ว

    Is Ania related to JEREMY FRAGRANCE ???

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว

      Ooooh I just had to check who that was 👀

  • @nguyencaotai412
    @nguyencaotai412 3 ปีที่แล้ว

    good job i love you to

  • @dawidd1933
    @dawidd1933 3 ปีที่แล้ว

    She is an alien, too smart and too beautiful. o_O

  • @owen22s
    @owen22s 2 ปีที่แล้ว

    the timer doesnt work :(

    • @aniakubow
      @aniakubow  2 ปีที่แล้ว

      Feel free to take my code from the description :)

  • @coding-Island
    @coding-Island 3 ปีที่แล้ว

    like doll...🤩🤩🤩🤩

  • @ChristianDouglas-dev
    @ChristianDouglas-dev 3 ปีที่แล้ว

    🤟❤️

  • @burhanali9598
    @burhanali9598 3 ปีที่แล้ว

    ❤️❤️👏

  • @123_divyanshsingh_parmar8
    @123_divyanshsingh_parmar8 ปีที่แล้ว

    drop your skin care routine, I'll learn the video stuff later