Методы в javascript классах не работает?

Question

Я создаю класс, а затем создаю в нем несколько методов, но ни один из методов не работает! У меня нет ошибок в консоли, но ничего не отображается! Вы можете помочь мне с этим?

, как вы видите, я вызываю метод в ui.submitBudgetForm ();

class UI {
    constructor(){
        this.budgetFeedback = document.querySelector(".budget-feedback");
        this.expenceFeedback = document.querySelector(".expence-feedback");
        this.budgetForm = document.getElementById("budget-form");
        this.expenceForm = document.getElementById("expence-form");
        this.budgetInput = document.getElementById("budget-input");
        this.budgetAmount = document.getElementById("budget-amount");
        this.expenceAmount = document.getElementById("expence-amount");
        this.balance = document.getElementById("balance-amount");
        this.expenceInput = document.getElementById("expence-input");
        this.amountInput = document.getElementById("amount-input");
        this.expenceList = document.getElementById("expence-list");
        this.itemList = [];
        this.itemID = 0;
    }
    submitBudgetForm(){
        console.log("Hello")
    }
}

function  eventListeners(){

    const budgetForm = document.getElementById("budget-form");
    const expenceForm = document.getElementById("expence-form");
    const expenceList = document.getElementById("expence-list");

    const ui = new UI();

    budgetForm.addEventListener('submit',function (event) {
        event.preventDefault();
        ui.submitBudgetForm();
    });
    expenceForm.addEventListener('submit',function (event) {
        event.preventDefault();
    });
    expenceList.addEventListener('click',function () {
    });
}
document.addEventListener('DOMContentLoaded',function (){
    eventListeners();
})