Skip to main content
1 de 3

Existem varias maneiras de fazer isso, a maneira mais recomendada: Primeiro você precisa selecionar o elementos da pagina no seu script, felizmente a Web APIs fornece essa funcionalidade nativamente com o querySelector, segue a sintaxe:
element = document.querySelector(selectors); ¹

No seu caso seria:

$inputvar = document.querySelector("#inputvar");
$inputter = document.querySelector("#inputter");
$button = document.querySelector("button");

Depois disso você deve adicionar o evento ao botão, novamente a Web APIs nativamente fornece essa funcionalidade com addEventListener, segue a sintaxe:
alvo.addEventListener(type,listener[, options]); ²

No seu caso seria:

$botao.addEventListener('click', () => ListaNo.AdicionaLigacao($inputvar,$inputter));

Se você adicionou seu script a pagina como um modulo e realmente quer acessar a função apartir do seu HTML você só precisa adicionar ListaNo como um property do objeto window(window.ListaNo = ListaNo;), isso tornara o ListaNo visível no escopo global da pagina. Porem, por questões de boas praticas, é altamente recomendado que você faça da maneira recomendada anteriormente uma vez é sempre preferível deixar toda a lógica no JavaScript, assim como é preferivelmente deixa toda a estilização no CSS.