why isn't submit button working??? | Smarter Dev | Page 1

i can't get the submit button to work to console log out 'submit', sorry if the code is messy, just trying to keep everything in javascript. I've also gave the submit button a type 'submit' already.

    const content = document.querySelector('#content')
    const pageContent = document.createElement('div')
    pageContent.classList.add('page-content')

    // form div
    const formDiv = document.createElement('div')
    formDiv.classList.add('form-div')
    const userName = document.createElement('input')
    const email = document.createElement('input')
    const phone = document.createElement('input')
    const password = document.createElement('input')
    const confirmPassword = document.createElement('input')

    //form end
    const formEnd = document.createElement('div')
    formEnd.classList.add('form-end')
    const errorMessage = document.createElement('div')
    formEnd.appendChild(errorMessage)
    const submitBtn = document.createElement('button')
    submitBtn.type = 'submit'
    submitBtn.textContent = 'Create Account'
    formEnd.appendChild(submitBtn)
    formDiv.appendChild(formEnd)

    formDiv.appendChild(userName)
    formDiv.appendChild(email)
    formDiv.appendChild(phone)
    formDiv.appendChild(password)
    formDiv.appendChild(confirmPassword)
    formDiv.appendChild(errorMessage)

    pageContent.appendChild(formDiv)
    content.appendChild(pageContent)
    
    //create a array of the required inputs
    const input = [email, phone, password, confirmPassword]

    //to remove error message when clicking one of the input boxes
    input.forEach((item) => {
        item.addEventListener('focusin', () => {
            errorMessage.textContent = ''
        })
    })

    const submit = (e) => {
        e.preventDefault()
        console.log('submit')
    }

    const form = document.querySelector('.form-div')
    form.addEventListener('submit', submit) 
} 

export default signUp ```

#why isn't submit button working???