JSFiddle - React, Tailwind, and code Playground

HTML

<h1>this is some sentence in a H1</h1>

<p>but not this, this is just a paragraph</p>

<h1>this is another H1</h1>

<p>and another paragraph</p>

CSS

h1 {
  font-size:23px;   
}

JavaScript

var colors = ['red', 'yellow', 'blue', 'green', 'pink'];
$('h1').each(function(){
    $(this).html($(this).text().split(' ').map(function(v){
        return '<span style="color:'+colors[Math.floor(Math.random()*colors.length)]+'">'+v+'</span>';
    }).join(' '));
});