JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Some heading</h1>
Some text
<h1>Another heading</h1>
More text
<h2> The links:</h2>
<script type='text/javascript'>
var headings = document.getElementsByTagName('H1');
for (var x=0;x<headings.length;x++) {
headings[x].id=headings[x].innerHTML;
document.write('<a href="#'+headings[x].id+'">Go to '+headings[x].id+'</a><br>');
}
</script>