JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<div id="test">Product name (colour)<br>Product name (colour)
</div>

CSS

.highlight {color: #F00;}

JavaScript

var o = document.getElementById("test")
o.innerHTML = o.innerHTML.replace(/\([^\)]*?\)/g, '<span class="highlight">$&</span>');