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:
```javascript
$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:
```javascript
$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.

[¹]:https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector]
[²]:https://developer.mozilla.org/pt-BR/docs/Web/API/Element/addEventListener