Подгрузка разных js при клике?

Question

[unlik]

По умолчанию при загрузке страницы подгружается например файл 1.js

Как сделать что бы при нажатии на кнопку вместо 1.js подгружался 2.js?
При нажатии на вторую кнопку подгружался 3.js вместо 2.js или 1.js

Или же может проще сделать изменение значений массива. В js файлах содержится массив со значениями.

Comments

[alex]

а смысл? код из 1.js все равно выполнится и останется в оперативной памяти

[unlik]

Alex, я видимо через одно место пытаюсь решить свою проблему.

У меня есть такой скрипт https://jsfiddle.net/jyk6spc1/
Я хочу добавить кнопку например с названием "Москва". И при клике на нее что бы менялось содержимое массива groups
Это для того, что бы при клике выводились другие метки на карте

[alex]

unlik, почему бы просто .json с данными не подгружать?

moscowButton.click(() => {
  myAjaxLib.get('/path/to/moscow-marks.json', data => {
    groups = data
  })
})

[unlik]

Alex, модно немного поподробнее? не настолько еще в js разобрался

[unlik]

Alex, просто для моей задачи самый простой вариант это несколько карт добавить.
Но мне кажется это не совсем правильно. Правильнее сделать несколько массивов с разными координатами.

[alex]

unlik, упрощенно объясню. есть ряд кнопок, в дата атрибуте этих кнопок, задаете путь до .json файла, в котором будут описаны координтаы меток. при клике на кнопку, читаете атрибут data, и запрашиваете с сервера соответствующий json. запросить можно с помощью jquery например $.getJSON. как только данные придут, в колбэке обрабытваете их как вам нужно(добавляете на карту, я апи карт яндекса не знаю, поэтому тут не помогу, но там все очевидно, удалить старые метки и добавить новые)

<div class="buttons">
  <button data-marks="/path/to/marks-moscow.json">Москва</button>
  <button data-marks="/path/to/marks-piter.json">Питер</button>
  <button data-marks="/path/to/marks-vladimir.json">Владимир</button>
  <button data-marks="/path/to/marks-ekb.json">Екатеринбург</button>
</div>

/* пример содержимого файла marks-*.json
{
  "name": "foo",
  "style: "bar",
  "items": [{
    "center": [51.713099, 39.270688],
    "name": "Центрторг №3	г. Воронеж, ул. Маршала Одинцова, 25 А"
  }, {
    "center": [51.713099, 39.270688],
    "name": "Центрторг №3	г. Воронеж, ул. Маршала Одинцова, 25 А"
  }, {
   ...
  }]
} */

$('.buttons').on('click', 'button', function() {
	var path = $(this).data('marks');
  
  $.getJSON(path, function(response) {
  	console.log(response.name) // foo
  	console.log(response.style) // bar
  	console.log(response.items[1].center[0]) // 51.713099
  })
})