JSFiddle - React, Tailwind, and code Playground

JavaScript

var  x= 'sdfdasfdasfdasfasdfasdfasdfasdfasdfdsfasdfasdfasdfasdfasdfasdfdasfas';



function formatter(str) {
    if(str.length < 24) {
      return str;
    } else {
      return str.charAt(0).toUpperCase() + str.substr(1,23)+ '..'
    }
    
}

document.write(formatter(x));