JSFiddle - React, Tailwind, and code Playground

by Couto

HTML

<a href="golos/Jornada 30/Setubal - Portimonense/golos.xml">golos/Jornada 30/Setubal - Portimonense/golos.xml</a>

<a href="lol.xml">lol.xlm</a>

JavaScript

var addEvent = function(el, evType, fn) {
    if (el.addEventListener) {
        el.addEventListener(evType, fn, true);
    } else {
        el.attachEvent("on" + evType, fn);
    }
},
    getLinkUrl = function(e) {
        e.preventDefault();
        var url = e.srcElement.getAttribute('href');
        console.log(e, url);
        getXML(url);
    };

var getXML = function(url) {

    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.open("GET", url, false);
    xmlhttp.send();
    xmlDoc = xmlhttp.responseXML;

    document.write("<table border='1'>");
    var x = xmlDoc.getElementsByTagName("GOLO");
    for (i = 0; i < x.length; i++) {
        document.write("<tr><td>");
        document.write(x[i].getElementsByTagName("AUTOR")[0].childNodes[0].nodeValue);
        document.write("</td><td>");
        document.write(x[i].getElementsByTagName("MINUTO")[0].childNodes[0].nodeValue);
        document.write("</td></tr>");
    }
    document.write("</table>");
};

var links = document.querySelectorAll('a'),
    j = links.length - 1;

for(j; j >= 0; j -= 1){
    addEvent(links[j], 'click', getLinkUrl);
}