Как я могу назначить две переменные со случайными числами и запустить несколько функций при загрузке страницы, используя jQuery?

Question

моя текущая настройка моего веб-приложения выглядит следующим образом:

Когда кто-то заходит на сайт, он может выбрать футбольную команду на боковой панели, а затем запускается несколько интересных AJAX / Vue.js / Axios исоответственно рендерит передней панели.

Это часть JS, которая инициализирует это:

$('ul.subbar li a').on('click', function(e) {
  e.preventDefault();
  var team_id = $(this).attr("id");
  var league_id = $(this).parents('li.countries').attr('id');

  // Endpoint: Team Info ## v2/teams/team/" + team_id
  //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  $.ajax({
    method: "GET",
    async: "True",
    dataType: "json",
    url: "https://cors-anywhere.herokuapp.com/https://www.api-football.com/demo/api/v2/teams/team/" + team_id,
    success: function(response) {
      var team_info = response;
      console.log(team_info);

      team = team_info.api.teams[0].name;
      founded = team_info.api.teams[0].founded;
      venue_capacity = team_info.api.teams[0].venue_capacity.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");

      $("#selectedClub").html(team);
      $("#founded").html(founded);
      $("#venue_capacity").html(venue_capacity);

    }
  });
[...]

Теперь я хочу настроить функцию, которая, как только кто-то посещает сайт, будет отображаться случайной футбольной командой. Поэтому мне нужно назначить два случайных числа переменным team_id и league_id, чтобы заставить вызовы API работать правильно.

Кроме того, я бы хотел запустить функцию (e), которая фактически инициализируется, когдапользователи щелкают футбольную команду на боковой панели.

Каким было бы хорошее решение для этого с помощью jQuery?

С сайта jQuery я не знаю, как обрабатывать этот код:

$(document).ready(function(){
// your code
});

Это просто чтобы обернуть его вокруг всего моего кода?