JSFiddle - React, Tailwind, and code Playground

by Sergey Vydayko

HTML

<p class='toupper'> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque adipisci nemo minima distinctio vero suscipit, assumenda consectetur, omnis non similique! </p>

JavaScript

$(document).ready(function() {
  var cont = document.getElementsByClassName("toupper"),
    newArr = [];

  for (var i = 0; i < cont.length; i++) {
    var newStr = cont[i].innerHTML.split(' ');


    for (var j = 0; j < newStr.length; j++) {
      var strUpp = newStr[j][0].toUpperCase();
      var newUppStr = strUpp + newStr[j].substring(1);
      newArr.push(newUppStr);
      var newUpp = newArr.join(' ');
      document.getElementsByClassName("toupper").innerHTML = newUpp;
    };
  };

});