Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

JavaScript Game - Interactive Questions With CSS Transitions & Animations

LearnWebCode via YouTube

Overview

Build a simple math game using JavaScript while exploring the disconnect between data and user interface. Learn to choose random numbers, create a user interface, calculate correct answers, implement win and lose conditions, add a progress bar, create an overlay, and animate wrong answers. Follow along with provided timestamps to navigate through different sections of the tutorial. Access the finished product on CodePen and explore related playlists for further learning in React and web development.

Syllabus

Intro.
Getting Started.
Choosing Random Numbers.
User Interface.
Calculating Correct Answer.
Win & Lose Conditions.
Progress Bar.
Overlay.
Animate Wrong Answer.
Outro.

Taught by

LearnWebCode

Reviews

Start your review of JavaScript Game - Interactive Questions With CSS Transitions & Animations

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.