Загрузить файл JavaScript после нажатия кнопки

Я пытаюсь использовать набор текстовых полей для определения некоторых данных в моем файле JavaScript. Поэтому в текстовое поле я вписываю название команды "Название команды", а файл javascript использует это текстовое поле для хранения названия команды, чтобы напечатать набор турнирных скобок.

Файл Javascript включен в мой поэтому он загружается до того, как я действительно ввел данные в текстовые поля. У меня есть этот код для кнопки в HTML, например, так:

script(type='text/javascript')
    $('#buttontest').click(function() {
        $('div.bracket').show();
        $('div.teamList').hide();
    });

Поэтому, когда кнопка нажата, все текстовые поля скрыты, и должны появиться квадратные скобки с пользовательскими именами команд ... вот код в конце моего файла JavaScript:

$(function() {
    $('#singleElim8').bracket({
        init: singleElim8Data
    })
  $('.bracket').hide();
});

Так что в div.bracket у меня есть класс # singleElim8, который использует javascript. Но как бы я изменил его, чтобы этот javascript для инициализации скобок работал только после нажатия кнопки? Таким образом, скобки отображаются после заполнения текстовых полей. Любая помощь приветствуется.

Ответы на вопрос(2)

Ваш ответ на вопрос