working calender html&js

preview:

barndoors.neocities.org <-- go check out their site!! (tysm again for helping me with the calender thing if you're reading this!!! <3)

const year = now.getFullYear();
        const month = now.getMonth();

const months = ["January", "February", "March", "April", "May", "June",
            "July", "August", "September", "October", "November", "December"
        ];

const fDay = new Date(year, month, 1).getDay();
        const totDays = new Date(year, month + 1, 0).getDate();
        const lastDays = new Date(year, month, 0).getDate();

let html = `
    <table class="tableca" border="1" bgcolor="white" bordercolor="hotpink">
      <tbody>
        <tr>
          <td colspan="7" style="background:white;">
            <center><strong style="font-size:19px;"> ${months[month]} ${year} </strong></center>
          </td>
        </tr>
        <tr style="background:white;">
          <td><b>S</b></td><td><b>M</b></td><td><b>T</b></td><td><b>W</b></td><td><b>T</b></td><td><b>F</b></td><td><b>S</b></td>
        </tr>
        <tr style="background:white;">`;

let count = 1;
        for (let i = fDay; i > 0; i--) {
            html += `<td class="muted">${lastDays - i + 1}</td>`;
        }

for (let i = 1; i <= totDays; i++) {
            if ((fDay + i - 1) % 7 === 0 && i !== 1) {
                html += `</tr><tr style="background:white;">`;
            }
            let isToday = (i === now.getDate());
            let cellClass = isToday ? 'class="today"' : '';

html += `<td ${cellClass}>${i}</td>`;
        }
        const totalCellsFilled = fDay + totDays;
        const remainingCells = 7 - (totalCellsFilled % 7);
        if (remainingCells < 7) {
            for (let i = 1; i <= remainingCells; i++) {
                html += `<td class="muted">${i}</td>`;
            }
        }
        html += `</tr></tbody></table>`;
        wrap.innerHTML = html;
        updateAtMidnight();
    }

function updateAtMidnight() {
        const now = new Date();
        const tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
        const timeToMidnight = tomorrow - now;

setTimeout(() => {
            makecal();
        }, timeToMidnight + 1000);
    }
    makecal();
</script>

customize the colors and background however you like :D