Build an Avoider Game with JavaScript - Beginner's Project Tutorial

preview_player
Показать описание
View the SOURCE CODE:

In today's video we'll be building an "avoider game" using HTML, CSS and JavaScript. This project is perfect for beginner's who are learning JavaScript.

The JavaScript concepts covered in this project include:
- keyboard events
- event listeners
- query selector
- DOM manipulation

Chapters:
0:00 Intro & Overview
1:27 HTML
5:05 CSS
11:50 JavaScript
38:05 Wrapping Up

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript
  1. dcode
  2. html css javascript project
  3. javascript project ideas
  4. projects for learning javascript
  5. web apps for learning javascript
  6. learning html css and javascript
Рекомендации по теме
Avoid These PC 0:09:14

Avoid These PC Build Mistakes

Building An entire 0:00:30

Building An entire Gaming setup with $50

Avoider Game - 0:19:18

Avoider Game - Part 1 - Construct 2 tutorial (capx file included)

Avoid Junk Food 0:00:15

Avoid Junk Food Temptation #short #shorts #youtuber #fitness

Making an RPG 0:00:59

Making an RPG is tough

Mistakes To Avoid 0:01:00

Mistakes To Avoid When PC Building

Why Beginners Should 0:00:52

Why Beginners Should AVOID Rust #programming #coding #software

❌3 things to 0:00:42

❌3 things to avoid with rage quitters in War of Wizards❌ #vrgaming #vrgame #quest2 #quest3 #vr

HOW TO AVOID 0:04:43

HOW TO AVOID GETTING RAIDED IN ONCE HUMAN RAIDZONE ON EARLY STAGE | BASE BUILDING TIPS

First Time PC 0:01:00

First Time PC Building Mistakes to Avoid

7 HUGE Mistakes 0:01:00

7 HUGE Mistakes You Should Avoid In Schedule 1

DON'T DO THIS 0:00:49

DON'T DO THIS with your Nintendo Switch OLED ⛔️ #Shorts

Don't Kill Your 0:15:36

Don't Kill Your PC! 🛑 Avoid These PC Parts in 2025!

Is Unity a 0:00:30

Is Unity a bad game engine!? 👩‍💻👾 #technology #programming #software #gamedev #gaming

Avoid These 5 0:01:00

Avoid These 5 HUGE Mistakes In Fantasy Life I

5 Solo Game 0:09:36

5 Solo Game Dev Mistakes You MUST Avoid (My Experience!)

Avoid these Mistakes 0:00:43

Avoid these Mistakes when Building a Sim Setup!

You're Cooking Wrong... 0:00:32

You're Cooking Wrong...

5 Stellaris mistakes 0:00:59

5 Stellaris mistakes you need to avoid #stellaris #ep3o #gaming #paradoxinteractive

How to Grace! 0:00:59

How to Grace! Avoid/Survive All Entities!

5 HUGE MISTAKES 0:14:21

5 HUGE MISTAKES to AVOID in Dune Awakening (Tips & Tricks)

How to Trap 0:00:27

How to Trap your Friends in Minecraft😱#shorts

Avoid These Mistakes 0:00:47

Avoid These Mistakes When Buying RAM for Your Gaming PC Build… ❌

You can watch 0:00:12

You can watch the video but avoid direct eye contact #cosplay #enderman #minecraft

Комментарии
Автор

for the 33 divs created, is it possible to use a js loop to create them dynamically instead?

dinghanlim
Автор

Quick tip:
Instead of having to make three divs with the class of cell and paste the another 10 times, you can simply write .cell*33, and that's going to make Emmet do its magic and generate a total of 33 divs with the class of cell.

dancehalllyrics
Автор

Thank you for great content!
stay awesome, man!

wirandhikablogs
Автор

Nice! I added so the score counter updates a random number between 1 and 5 for the score to be more rewarding.

Vexraelith
Автор

It's really really helpful Thanks a lot

yasaswini
Автор

can you do this with empty body in html?

marouwahbi
Автор

Hi Dom, , since I really like the way you teach plus the fact your style is OOP I've tried to hi the link for your Udemy courses, but it shows none? wrong href on your side or there are none at this moment?

bozidarbralic
join shbcf.ru