JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <label>XML:</label>
    <textarea class="xml" rows="3" cols="40"><SERVER></SERVER>
<DOC></DOC>
<ID></ID></textarea>
    <label>URL:</label>
    <input class="url" />
    <button class="try">URLify</button>
</form>

JavaScript

$('.try').click(function(e){
	e.preventDefault();
	var xmltest = "<channel>" + $('.xml').val() + "</channel>";
	var xml = xmltest,
	  xmlDoc = $.parseXML( xml ),
	  $xml = $( xmlDoc ),
	  $server = $xml.find( "SERVER" ),
	  $doc = $xml.find( "DOC" ),
	  $id = $xml.find( "ID" );
	  $( ".url" ).val( $server.text() + '/' + $doc.text()  + ':' +  $id.text() );
});