JSFiddle - React, Tailwind, and code Playground

HTML

<text id='final'></text>

<script>


var url = "http://example.com/example/?user=<text id='foo'></text>&name=<text id='doo'></text>&srvid=10000"


document.getElementById("final").innerHTML = url;

  </script>


<script>
function randString(x){
    var s = "";
    while(s.length<x&&x>0){
        var r = Math.random();
        s+= (r<0.1?Math.floor(r*100):String.fromCharCode(Math.floor(r*26) + (r>0.5?97:65)));
    }
    return s;
}

document.getElementById("foo").innerHTML = randString(10);
</script>
<script>
function randString(x){
    var s = "";
    while(s.length<x&&x>0){
        var r = Math.random();
        s+= (r<0.1?Math.floor(r*100):String.fromCharCode(Math.floor(r*26) + (r>0.5?97:65)));
    }
    return s;
}

document.getElementById("doo").innerHTML = randString(4);
</script>


 <body></body>