JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="list">
    
</ul>
<button id="sethrefbtn" onclick="setlink();">Set Link</button>

JavaScript

function setlink(){    
    var data = {  
        playerID : 102458,
        playername: "Real Madrid's cristiano Ronalado"
    }  
listring= "<li><a href='SearchServlet?q=" + data.playername.replace(/'/g, "\'");  + "&playerid=" + data.playerID + "&page=1#pg0'>"+ data.playername +"</a></li>";      
 
 $("#list").append(listring);
}