JSFiddle - React, Tailwind, and code Playground

by Czechler

HTML

<div class="my-component">
Test
</div>

JavaScript

const slugify = string => string.toLowerCase().replace(/\s+/g, '-').replace(/[^\w-]+/g, '');

const title = "Mr. Roger's Neighborhood";
document.querySelector(".my-component").setAttribute("id", slugify(title));