JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="      Masudul Haque" /><br>
<input type="text" value="      Dhaka, Bangladesh     " /><br>
<input type="text" value="      Web Developer     " /><br>
<br>
<button id="trimmer">Trim</button>

JavaScript

$("#trimmer").click(function(){
 
   trim();
    
     
});

function trim(){
    
    var len = $( "input" ).length;
    
    for(var x=0; x<len;x++){
        
        var str = $( "input:eq( "+x+" )" ).val();
        
        var newRes = trimming(str);
        
        $( "input:eq( "+x+" )" ).val(newRes);
        
    }
}

function trimming(x){

     var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;

     var res = (x + "").replace(rtrim, "");
        
     return res;
}