Нажмите кнопку, чтобы поменять местами файл JS, который загружается с использованием document.createElement ('script')

Question

Я пытаюсь заставить файл JS менять местами при нажатии кнопки.

Ниже приведен код, который я пытаюсь использовать.JS-скрипт загружается с использованием -

const script = document.createElement('script');
script.src = http://localhost:8888/test.js

При нажатии кнопок вверху я хочу иметь возможность изменять загружаемый JS-файл.

Любая помощь будет в значительной степениприветствуется.

const script = document.createElement('script');

const areas = 'http://localhost:8888/test.js';
const places = 'http://localhost:8888/test2.js';

$(".link1").click(function () {
    script.src = areas
});
$(".link2").click(function () {
    script.src = places
});

https://codepen.io/DCReddish97/pen/EJQgyR

Answer 1

Вы забыли добавить "скрипт" к вашему DOM. Ниже приведен пример использования jQuery (вы используете его в любом случае):

var $script = $('<script>').attr("type", "text/javascript");
const areas = 'http://localhost:8888/test.js';
const places = 'http://localhost:8888/test2.js';

$('head').append($script);

$(".link1").click(function () {
  $script.attr("src", areas);
});
$(".link2").click(function () {
    $script.attr("src", places);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="link1">LINK 1</button>
<button class="link2">LINK 2</button>