Car Racer JavaScript Game Exercise Vanilla JavaScript

Explore how to create a custom JavaScript Car racer game from scratch using only JavaScript – Practice Exercise

Practice and learn more about JavaScript while building a fun interactive car racing game from scratch.

No libraries, no shortcuts just learning JavaScript!

Source code is included to get you started quickly.

Prefect course for beginners to learn JavaScript!!! Step by step learning with all steps included

Fun and exciting way to learn and practice JavaScript.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.

Learn how to setup your gameplay area using HTML and CSS
Add JavaScript setting event listeners
Add Keyboard actions to move an html div using keyboard arrow keys
Run animationframe to change element position and respond to the users commands
Setup start game functionality
Create a dynamic JavaScript road
Create elements within JavaScript
Access the JavaScript Document Object Model to manipulate element properties
Setup and add values within an object to track location and move
Setup a dashboard to output variables for the user like score and speed
Add road movement
Track speed dynamically with braking and accelerating
Add other cars and have them move within the gameplay area
Check for element overlap and detect collisions
Score and extend gameplay
All this is included and a whole lot more.

Start building your own version of the game today!!!!

Who is the target audience?

Beginners to JavaScript
Anyone who wants to practice writing JavaScript
Anyone who wants to learn to make a JavaScript game without any libraries
Web developers
Webmasters