For of loop to loop querySelectorAll
const body = document.querySelector('body');
const linksOnFrontpage = document.querySelectorAll('.box-with-border-bottom');
for (const link of linksOnFrontpage) {
link.addEventListener('click', () => {
console.log(link.id);
const clickLink = document.createElement('a');
clickLink.id = 'click-' + link.id;
clickLink.href = 'https://website.com/products/#' + link.id;
body.appendChild(clickLink);
document.getElementById('click-' + link.id).click();
})
}