Estoy tratando de enviar el formulario, pero la página se actualiza después de presionar el botón Enviar y event.preventDefault() no parece funcionar.

 class UI { constructor() { this.budgetForm = document.getElementById("budget-form"); } //submit budget method budgetSubmitForm() { console.log('hello from es6'); } } function eventListenters() { const budgetForm = document.getElementById("budget-form"); const expenseForm = document.getElementById("expense-form"); const expenseList = document.getElementById('expense-list'); // New instance of UI class const ui = new UI(); // budgetForm submit budgetForm.addEventListener('submit', function(event) { event.preventDefault() ui.budgetSubmitForm() }); // expense form submit expenseForm.addEventListener('submit', function(event) { event.preventDefault(); }); // expense list click expenseList.addEventListener('click', function() { }); } document.addEventListener('DOMcontentLoaded', function() { eventListenters(); })

¡Realmente agradeceré que alguien me ayude!