Не могу понять цикл селектора

Question

так что я довольно новичок в кодировании и все еще учусь много. Поэтому, пожалуйста, не судите меня, если мой код выглядит плохо.

У меня возникла проблема с попыткой использовать цикл for, который будет проходить и заполнять элементы на странице. Я пытаюсь запустить цикл for и найти в базе данных порядок, в котором я разместил модули (например, 1-30). Это должно затем вернуть имя модуля. Как только имя модуля найдено, я бы хотел, чтобы оно заполнило текстовое поле с этим именем (например, textBox1, textBox2, textBox3 и т. Д.). Я пытаюсь использовать i, чтобы заполнить соответствующий номер текстового поля, но не могуПохоже, это понятно.

Я не уверен, как заставить это работать или если это даже правильный способ сделать это. Я бы предположил, что я должен использовать цикл for, поэтому я не повторяю это 30 раз. Любая помощь или совет будет высоко ценится!

for (var i = 1; i <= 30; i++) {
  wixData.query("SiteModules")
    .eq("Order", i)
    .find()
    .then((results) => {
      let moduleName = results.items[0].moduleName;
      $w("#moduleName" + i).text = moduleName;
    })
}