Whac-a-mole in JavaScript (super simple!)
Sign up free through the HarperDB Studio: http://bit.ly/HarperDBAniaKubow.
Learn to make a simple grid-based game using HTML, CSS and JavaScript. The idea of whack-a-mole is simple! The player needs to hit the grid with the mole in as many times as possible until the time runs out. In this tutorial, we will cover:
- document.querySelector()
- textContent
- forEach
- addEventListener
- setInterval
- classList.add
...and many more.
As always, if you get stuck or have any questions, please do comment below and I will be sure to get back to you!
Please don't forget to Subscribe and hit that bell button! it would really mean a lot to me and inspire me to make more content for you all! :)
____
In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool
If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow
Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips
GitHib Code here: https://github.com/kubowania/whack-a-mole
You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://www.instagram.com/aniakubow
#codingbootcamp #coding
Видео Whac-a-mole in JavaScript (super simple!) канала Code with Ania Kubów
Learn to make a simple grid-based game using HTML, CSS and JavaScript. The idea of whack-a-mole is simple! The player needs to hit the grid with the mole in as many times as possible until the time runs out. In this tutorial, we will cover:
- document.querySelector()
- textContent
- forEach
- addEventListener
- setInterval
- classList.add
...and many more.
As always, if you get stuck or have any questions, please do comment below and I will be sure to get back to you!
Please don't forget to Subscribe and hit that bell button! it would really mean a lot to me and inspire me to make more content for you all! :)
____
In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool
If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow
Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips
GitHib Code here: https://github.com/kubowania/whack-a-mole
You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://www.instagram.com/aniakubow
#codingbootcamp #coding
Видео Whac-a-mole in JavaScript (super simple!) канала Code with Ania Kubów
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Master React by building Tic-tac-toe! 1 hour tutorial](https://i.ytimg.com/vi/ZF4hD1ffitU/default.jpg)
![New TUTORIAL out now!](https://i.ytimg.com/vi/l3K1WpfXTcg/default.jpg)
![Code and track Northern Light paths!!!](https://i.ytimg.com/vi/kqgv1VI6Ul4/default.jpg)
![JavaScript Analog Clock (Super Simple!!!)](https://i.ytimg.com/vi/LNL1otheWeY/default.jpg)
![🛑 2hrs to code Mario with Auth + save scores | JavaScript, CSS, HTML](https://i.ytimg.com/vi/1CVSI3MZNNg/default.jpg)
![I code Mario in JavaScript!](https://i.ytimg.com/vi/TM_gWP0v7Y8/default.jpg)
![Learn CSS Animations in 20 min! - with a project from FreeCodeCamp](https://i.ytimg.com/vi/qDij4BD_v78/default.jpg)
![Master JavaScript Drag and Drop with Chess Example!](https://i.ytimg.com/vi/EFJg4nUg9sM/default.jpg)
![Master OpenAI Chat Completions API (Super simple!)](https://i.ytimg.com/vi/fSFJrG1wwm8/default.jpg)
![Master OpenAI EMBEDDING API (super simple!)](https://i.ytimg.com/vi/9oCS-VQupoc/default.jpg)
![1 hour Pac-man in JavaScript!](https://i.ytimg.com/vi/q2ViNbRwr5U/default.jpg)
![Async JavaScript Part 1: What is AJAX?](https://i.ytimg.com/vi/wdvruTuWvW8/default.jpg)
![1 hour 2D Breakout in JavaScript!](https://i.ytimg.com/vi/sAnHM4D9e7U/default.jpg)
![How font can MAKE a portfolio in 2023 👀](https://i.ytimg.com/vi/aqyDp33CgBM/default.jpg)
![I built a web scraper to find BIGGEST deals to flip on Amazon $$$](https://i.ytimg.com/vi/Gdi5kjx6dmA/default.jpg)
![This api gets 330 MILLION calls a month! Guess which one?](https://i.ytimg.com/vi/Qs-IINTgQlU/default.jpg)
![Pixel Art Developer Portfolio?](https://i.ytimg.com/vi/7bE80Pro9x0/default.jpg)
![text to speech with THIS short code!](https://i.ytimg.com/vi/FMjCIiL4ELI/default.jpg)
![What is a CHEATbot? I build one!](https://i.ytimg.com/vi/xWN9cHBAMk4/default.jpg)
![Let's code an OpenAI Vision API App in 1 hour! 👀](https://i.ytimg.com/vi/73sALqCscog/default.jpg)