JSFiddle - React, Tailwind, and code Playground

by Lucaskazama

HTML

<div id="result">
  Teste
</div>

CSS

div{
  font-size: clamp(1.5rem, 2.5vw, 4rem); 
}

JavaScript

function string_to_slug(str)	{
  str = str.replace(/^\s+|\s+$/g, ''); // trim
  str = str.toLowerCase();

  // remove accents, swap ñ for n, etc
  var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
  var to   = "aaaaeeeeiiiioooouuuunc------";

  for (var i=0, l=from.length ; i<l ; i++)
  {
    str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
  }

  str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
    .replace(/\s+/g, '-') // collapse whitespace and replace by -
    .replace(/-+/g, '-'); // collapse dashes

  return str;
}
$("#result").html(string_to_slug("sao-paulo"));