JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<h1>banana</h1>

<h1>banana</h1>

CSS

h1.sampleClass {color:red;}

JavaScript

document.querySelectorAll('h1').forEach(function(el){
  el.id = el.innerHTML.toLowerCase().replace(" ", "-");

});