JSFiddle - React, Tailwind, and code Playground

by Anderson Carlos Woss

HTML

<a href="pagina.HTML">link terminando em .HTML</a>
<a href="pagina.html">link terminando em .html</a>
<a href="pagina.Html">link terminando em .Html</a>
<a href="pagina.Htmlx">link terminando em .Htmlx</a>
<a href="pagina.xml">link terminando em .xml</a>

CSS

.text-green {
  color: green;
}

a {
  display: block;
}

JavaScript

const links = document.querySelectorAll('a');
const pattern = /\.html/i;

for (let link of links) {
	if (link.href.match(pattern)) {
  	link.classList.add('text-green');
  }
}