What is this errorUncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML') reason?

Why I get this error for below code of javascript in console of browser?

const calendar = document.querySelector('#app-calendar'); 
for(let day=1; day<=31; day++){
calendar.insertAdjacentHTML('beforeend','<div class="day">${day}</div>');

}