Bonjour à tous !

Dans le cadre d'un projet, je cherche à récupérer des articles du site L'Équipe et les afficher.
J'ai donc créer un fichier js qui contient une classe Article ayant pour attributs un titre, un lien et une date de publication.
Le problème est le suivant : lorsque je cherche à remplir le tableau (sensé contenir tout les articles) hé bien celui est vide...

Voici mon code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
class Article {
  constructor(titre, lien, date) {
    this.titre = titre;
    this.lien = lien;
    this.date = date;
  }
}
 
tab_art = Array();
 
var init = function() {
  document.getElementById('art').innerHTML = ''; // On rends la section vide
 
  getArticleInfos();
  console.log(tab_art);
}
 
// Fonction qui recupère et affiche les titres et date de publications des artciles "L'Équipe"
function getArticleInfos() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://www.lequipe.fr/rss/actu_rss_Football.xml', true);
  xhr.onload = function() {
   	var doc = xhr.responseXML;
   	var titres = doc.getElementsByTagName('title');
   	for (var i = 1; i <= titres.length; i++) {
    	   if (doc.getElementsByTagName('title')[i].firstChild.data.indexOf("L1") != -1) {
      		art = new Article(doc.getElementsByTagName('title')[i].firstChild.data, doc.getElementsByTagName('link')[i].firstChild.data, doc.getElementsByTagName('pubDate')[i].firstChild.data);
      		tab_art.push(art);
     	   };
   	};
  };
 
  xhr.send(null);
}
 
window.onload = init;
Lors du console log j'obtiens simplement Array = [ ], alors que mon tableau devrait être rempli...
Si quelqu'un a une idée d'où cela provient et ce que je dois modifié pour pouvoir avoir mon tableau rempli, je suis preneur!
Merci d'avance