JSFiddle - React, Tailwind, and code Playground

HTML

Text To Change:<input type="text" id="enter"/><br/><br/>
Link:<input type="text" id="link"/><br/>
<button type="button" onclick="doAction()">Make Link</button>
<div id="content" >Test Content.Choose anything from here</div>

JavaScript

function doAction(){

       var enterv=document.getElementById('enter').value;
       var linkv=document.getElementById('link').value;
       var str=document.getElementById('content').innerHTML;

       var strnew=str.replace(enterv,'<a href="'+linkv+'">'+enterv+'</a>');
       document.getElementById('content').innerHTML=strnew;
       //alert(strnew);
       }