[L] Live coding dice game of 21

Lecture on "Programming JavaScript" showing a live coding example on how to build a small dice game 21 using HTML, CSS and vanilla JavaScript where a player tries to reach 21 and competes against the computer.

The lecture material is a live coding session and the material is available in:

• "Create a dice game 21 using JavaScript"

Figure. This is how the example looks like when its done.

The lecture covers topics like:

• HTML, CSS and inclusion of JavaScript
• ESM modules
• Events
• DOM
• Troubleshooting
• Linting
• Putting together an application

Resources

• MDN on JavaScript Modules

• The Axel book "JavaScript for impatient programmers" has two chapters on modules and classes.

  • Modules
  • Classes