Как вызвать несколько селекторов запросов?

Question

Я вызываю данные из Google Sheets с помощью идентификаторов и использую document.querySelectorAll, чтобы добавить положительный или отрицательный класс к положительным или отрицательным числам. В настоящее время это применяется к #Title и # Title2. Но я хотел бы иметь возможность выбирать разные идентификаторы и делать с ними что-то еще. Поэтому я бы хотел, чтобы # Title3 был положительным, если он равен, например, '2', и не применял стиль, который есть у #Title и #Title 2. Я в основном хочу создать несколько селекторов запросов.

Мне удалось это сделать, но я сделал два отдельных запроса к Google Sheet, но это медленно и, конечно, есть лучший способ? https://codepen.io/liamdthompson/pen/xNrBML?editors=1010

  function httpGetAsync(theUrl, callback)  {

  var xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() {
  if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
      callback(xmlHttp.responseText);
  }
  xmlHttp.open("GET", theUrl, true); // true for asynchronous
  xmlHttp.send(null);

  }


  httpGetAsync ('https://spreadsheet.glitch.me/?key=1mT_ILqpPtoCnWq5fEcBbVcgkKxcXN6uS9F2fsAO7imI', function(response) {
  var json = JSON.parse(response);

  document.getElementById("Title").innerHTML = json[0].Title;
  document.getElementById("Title2").innerHTML = json[1].Title2;
  document.getElementById("Title3").innerHTML = json[2].Title3;

let divs = Array.prototype.slice.call(document.querySelectorAll("#Title, #Title2"));

  // Loop the array
    divs.forEach(function(div){
        // Convert text to number and test for positive/negative
        if((+div.textContent) >= 0){
        div.classList.add("positive"); // Apply positive style
        } else {
        div.classList.add("negative"); // Apply negative style  
        }
    });  
    });