JSFiddle - React, Tailwind, and code Playground

by Pierre LE ROUX

HTML

<p> url :<b> http://mckesson.co/url/{ipp}/{lastname}/</b> </p>

<p>ipp = 12345</p>
<p>lastname = geofi</p>

<p> url transformed : <b><span id="transforme"></span></b></p>

JavaScript

analyseURL = function (url, vars) {
	var urlUpdated = url;
	var arrayVars = [];
	var arraySplitURL = url.split("{");
	
    for(var i = 1, length = arraySplitURL.length; i < length; i++ ){
    	arrayVars.push((arraySplitURL[i].split("}"))[0]);
    }
    
    for(i = 0, length = arrayVars.length; i < length; i++){
    	urlUpdated = urlUpdated.replace("{" + arrayVars[i] + "}",vars[arrayVars[i]]);
    }
    
    return {
        original: url,
        transformed: urlUpdated
    };
}

showURL = function (){
    var url = "http://mckesson.co/url/{ipp}/{lastname}/";
    var vars = {ipp: "12345",
                lastname: "geofi"
               }
    var urlTransformed = analyseURL(url, vars).transformed;
    
    document.getElementById('transforme').innerHTML = urlTransformed;
    //alert(url+"  TO  "+urlTransformed);
}


showURL();