Почему выводится максимум 10 кастомных постов?

Спасибо, очень помог ваш ответ)

Как динамически изменять текст в зависимости от id другого элемента?

Спасибо за ответ, он помог мне сдвинуться с места! Написал вот такой код, он меняет заголовок, но только один раз и почему-то при повторном клике на кнопку с другим id, заголовок не меняется (в моем случае остается "Заказать звонок").. Буду благодарен за еще один совет!

var buttonModal = document.querySelectorAll(".btn");
var titleModal = document.querySelector(".modal-title");

function addTitleOrder() {
  titleModal.innerHTML = "Оформить доставку";
}
function addTitleCall() {
  titleModal.innerHTML = "Заказать звонок";
}

buttonModal.forEach((button) => {
  if (document.getElementById("order") != null) {
    button.addEventListener("click", addTitleOrder);
  }
  if (document.getElementById("call") != null) {
    button.addEventListener("click", addTitleCall);
  }
});