JSFiddle - React, Tailwind, and code Playground

by shaneburgess

HTML

Length
<input type="text" id="length">
<br>
Run Time
<input type="text" id="time">
<br>
Name
<input type="text" id="title">
<br>
Url
<input type="text" id="url">

<br>
<button id="run">Run</button>
<hr>
<textarea id="result" cols="100" rows="20"></textarea>

JavaScript

$(document).ready(function(){
    
    $("#run").click(function(){
        
        var d = new Date();
        var days = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
        var months= ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
        var pubdate = days[d.getDay()]+", "+d.getDate()+" "+months[d.getMonth()]+" "+d.getFullYear()+" "+d.getHours()+":"+d.getMinutes()+":00 -0500";
                var title= days[d.getDay()]+", "+d.getDate()+" "+months[d.getMonth()];
         
     var output = '<item>\n\
<title>'+$("#title").val()+'</title>\n\
<link>'+$("#url").val()+'</link>\n\
<guid>'+$("#url").val()+'</guid>\n\
<description> NA </description>\n\
<enclosure url="'+$("#url").val()+'" length="'+$("#length").val()+'" type="audio/mpeg"/>\n\
<category>Podcasts</category>\n\
<pubDate>'+pubdate+'</pubDate>\n\
\n\
<itunes:author>Shane</itunes:author>\n\
\n\
<itunes:explicit>No</itunes:explicit>\n\
<itunes:subtitle> NA </itunes:subtitle>\n\
<itunes:summary> na </itunes:summary>\n\
<itunes:duration>'+$("#time").val()+'</itunes:duration>\n\
<itunes:keywords>NA</itunes:keywords>\n\
</item>';
        
        $("#result").val(output);
        $("#title").val(title);
    });
});