JSFiddle - React, Tailwind, and code Playground

by synz izynz

HTML

<div>
<a href="sad1.pdf">sad1.pdf</a><br>
<a href="sad2.pdf">sad2.pdf</a><br>
<a href="sad3.pdf">sad3.pdf</a>

<div id="filestable"></div>
</div>

JavaScript

var displayfilestable = ("<table><thead><tr><th>Files</th></tr></table>");
                $("#filestable").html(displayfilestable);
$("DIV").find("a").each(function(i, el) {
            var val = $(el).attr('href');
            if (val.match(/\.(pdf|doc|docx|txt|html|js|css|rar|7zip)$/)) {
                var fileslocation = ("http://localhost/website/files/userstuff/files/" + val)
                var adddata = ("<tr><td><a href='"+ fileslocation +"'target='_blank'>"+ val +"</td></tr>");
                $("filestable, table").append(adddata);
                console.log(adddata)
            }
        });