импорт eventListener в узел / веб-пакет

Question

Я делаю проект для онлайн-курса, и недавно я отправил свой проект на рассмотрение. Одно из изменений, которые мне сказали сделать, - это то, что мне нужно импортировать свой eventListener из моего файла formHandler. js в мой индексный файл. js в моей клиентской папке. Я не знаю, как это сделать. Как импортировать eventListener из одного js файла в другой? Я даже не понимаю, почему это необходимо, потому что все приложение полностью функционально, но, очевидно, мне нужно импортировать eventListener в index. js, чтобы передать проект. Вот два файла, с которыми я работаю:

formHandler. js

import { postData } from "./postData"
import { updateUI } from "./updateUI"
import { checkURL } from "./checkURL"

document.getElementById('generate').addEventListener('click', handleSubmit);

function handleSubmit(event) {
    event.preventDefault()

    //event.preventDefault()

    // check what text was put into the form field
    let place = document.getElementById('place').value
    let date = document.getElementById('date').value
    postData('/postData', {place: place, date: date})
    .then(updateUI)

};

export { handleSubmit }

index. js:

import { checkForName } from './js/nameChecker'
import { handleSubmit } from './js/formHandler'
import { updateUI } from './js/updateUI'
import { postData } from './js/postData'
import { apiCall } from './js/apiCall'
import { checkURL } from './js/checkURL'
import { removeTrip } from './js/cookies'
import { resultsCheck } from './js/cookies'

import './styles/form.scss'
import './styles/header.scss'
import './styles/style.scss'
import './styles/footer.scss'

export {
    handleSubmit,
    updateUI,
    postData,
    apiCall,
    checkURL,
    removeTrip,
    resultsCheck
}

Спасибо, Майкл

РЕДАКТИРОВАТЬ: Один из комментариев ниже предположил, что они могут захотеть, чтобы я прикрепил lIstener в индекс вместо обработчика формы. Что это значит и как мне это сделать?