Bookmarklet to add visible anchors to section headings

visible-anchors.js

// Inspired by https://attacomsian.com/blog/deep-anchor-links-javascript
// How to use: Create a new browser bookmark with the code below as the URL.
// See https://www.freecodecamp.org/news/what-are-bookmarklets/
// for more background and detailed instructions.
javascript:document.querySelectorAll('h2[id], h3[id], h4[id], h5[id], h6[id]').forEach(heading => {
  let anchor = document.createElement('a');
  anchor.href = '#' + heading.getAttribute('id');
  anchor.innerText = '#';
  anchor.style = 'margin-left: 0.3em';
  heading.appendChild(anchor);
})