Adding anchor next to headers

[TotallyInformation]

@Oskar

Thanks. I needed a version without jQuery so here it is:

<script>
function addAnchor(element) {
element.innerHTML = <a href="#${element.id}">${element.innerText}</a>
}

document.addEventListener(‘DOMContentLoaded’, function () {
var headers = document.querySelectorAll(‘article h2’)
if (headers) {
headers.forEach(addAnchor)
}
})
</script>

Slight variation to make it closer to a GitHub style:

.hanchor { font-size: 50%; visibility: hidden}
h2:hover a { visibility: visible}

function addAnchor(element) {
    element.insertAdjacentHTML('beforeend', `<a href="#${element.id}" class="hanchor" ariaLabel="Anchor">🔗</a>` )
}
document.addEventListener('DOMContentLoaded', function () {
    // Add anchor links to all headings
    var headers = document.querySelectorAll('article h1[id], article h2[id], article h3[id], article h4[id]')
    if (headers) {
        headers.forEach(addAnchor)
    }
 });