Как вывести через for цикл элементы?
document.querySelectorприменяется к одному элементу, если вам необходимо несколько элементов, заюзайте document.querySelectorAll Потом проверяете количество элементов и крутите цикл.

Почитать о методе - https://developer.mozilla.org/ru/docs/Web/API/Docu...
$('.info').each((i, elem) => {
      sports.push([$(elem).text()])
}
вот как я в jQery недавно перебирал все елементы с классом info.