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

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;
    };
  };