Return value of try block from function within a function

Question

I call this function from another .js file, and as a response from server there is boolean value.

function submitFormData() {
    let var1 = '';
    submitForm();

    function makeRequest() {
        return new Promise((resolve, reject) => {
            let request = new XMLHttpRequest();
            request.withCredentials = true;
            request.open('POST', api);
            request.onreadystatechange = () => {
                if (request.readyState === 4) {
                    if (request.status >= 200 && request.status < 400) {
                        resolve(request.response);
                    } else {
                        reject(request.response);
                    }
                }
            };
            request.setRequestHeader('Content-Type', 'application/json');
            request.send();
        });
    }
    async function submitForm() {
        try {
            const requestPromise = makeRequest();
            const response = await requestPromise;
            return var1 = response
        }
        catch (errorResponse) {
            alert(errorResponse);
        };
    }
    return var1;
}

As a value in other js file i get empty string, i'm not sure what do i do wrong here.