JSFiddle - React, Tailwind, and code Playground
HTML
<p id="test">Lorem ipsum dolor</p>
JavaScript
function highlight(str) {
var parts = str.split(' '),
len = parts.length,
i = 0,
output = [];
for (i; i < len; i++) {
var part = parts[i];
if (i == 0 || i == (len - 1)) {
output[i] = part.fontcolor('red');
} else {
output[i] = part;
}
}
return output.join(' ');
}
var test = document.getElementById('test');
test.innerHTML = highlight(test.innerHTML);