Załaduj plik javascript po kliknięciu przycisku

Próbuję użyć zestawu pól tekstowych, aby zdefiniować niektóre dane w moim pliku JavaScript. W polu tekstowym wpisuję nazwę zespołu „Nazwa zespołu”, a plik javascript używa tego pola tekstowego do przechowywania nazwy zespołu w celu wydrukowania zestawu nawiasów turniejowych.

Plik javascript jest zawarty w moim<head> więc ładuje się przed wprowadzeniem danych w polach tekstowych. Mam taki kod dla przycisku w HTML:

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

Po naciśnięciu przycisku pola tekstowe są ukryte, a nawiasy z nazwami zespołów zdefiniowanymi przez użytkownika powinny się pojawić .... tutaj jest kod na końcu mojego pliku javascript:

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

Tak więc w div.bracket mam klasę # singleElim8, której używa javascript. Ale jak mogę to zmienić, aby ten javascript zainicjował nawiasy tylko po kliknięciu przycisku? W ten sposób nawiasy renderują PO wypełnieniu pól tekstowych. Każda pomoc jest doceniana.

questionAnswers(2)

yourAnswerToTheQuestion