Mini Calendar

Table of Contents

Live Demo
Technologies used -
HTML
CSS
JavaScript
Description

Introducing the Mini Calendar, a sleek and straightforward tool designed to display the current date at a glance. In today’s fast-paced world, keeping track of dates is essential for planning and scheduling activities. This mini calendar provides a clear presentation of the current day, date, month, and year, all in a compact format that fits seamlessly into any webpage.

The Mini Calendar is built with user-friendliness in mind. It dynamically updates to show the current date whenever the page is loaded, making it a handy reference for users. Whether you need a quick date check while working or want to integrate a simple calendar into your website, this tool is perfect for you.

Highlighted Source Code
				
					const date = document.getElementById("date");
const day = document.getElementById("day");
const month = document.getElementById("month");
const year = document.getElementById("year");

let today = new Date();

const weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
const allMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

date.innerHTML = (today.getDate() < 10 ? "0" : "") + today.getDate();
day.innerHTML = weekdays[today.getDay()]; 
month.innerHTML = allMonths[today.getMonth()];
year.innerHTML = today.getFullYear();

Recent Projects

Follow me

Github Linkedin Instagram

Related Projects
Fun Project

Tic Tac Toe Game

The Interactive Tic Tac Toe Game is a classic two-player game implemented using HTML, CSS, and JavaScript. This engaging application

Read More »
Type to search