Calendar in JS

Project #1 of 22 in "Building mini-apps" progression
HTML/CSS JavaScript
Calendar in JS thumbnail

Updated: Feb 14, 2026

See the Pen Calendar in JS by marcobiedermann (@marcobiedermann) on CodePen.

In this project

See project on Codepen

Lessons

  1. #1.Show current day and month in the red block #1
  2. #2.Show the row with day names using JS (remove them from HTML) #2
  3. #3.Dispay dates of the month using JS (remove numbers from HTML) #3
  4. #4.Learning how to click: adding the show / clear current date buttons #4
  5. #5.Learn how datetime work in JS #5
Calendar in JS