Create Heading Links

create-heading-links.js

function createHeadingLinks(){
  const headings = document.querySelectorAll('h2[id],h3[id]');
  const linkContent = '#';
  for (const heading of headings) { 
      const linkIcon = document.createElement('a');
      linkIcon.setAttribute('href', `#${heading.id}`);
      linkIcon.setAttribute('style', 'color: #aaa');
      linkIcon.innerHTML = linkContent;
      heading.appendChild(linkIcon);
  }
}

document.addEventListener('DOMContentLoaded', function () {
  createHeadingLinks();
}, false);