Expected behavior

Using calendar as read-only. Want to navigate user to custom event page. Get custom event id when clicking on event.

Actual behavior

Unable to link to id.

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/support/standard/how-to-add-click-event-to-calendar/ specifies how to add on click event.

document.getElementsByClassName('event').forEach((event) => {
  event.addEventListener('click', () => {
    console.log('click');
    // event.id does not work
    // how to get the custom attribute id?
  });
});

https://mdbootstrap.com/docs/standard/plugins/calendar/#section-custom-attributes specifies assigning custom id to event.