I would like to add the id that I get from the first API call to the URL for the second API call but I get an error that id is undefined. It is defined after both calls finish tho. How can I achieve this ?

<script>

    var id;

    const userAction = async () => {
        const response = await fetch('someUrl',
            {
                headers: {
                    'Content-Type': 'application/json',
                    'X-API-Key': 'someKey'
                },
            }
        );
        const myJson = await response.json();
        id =  myJson.id;
    }

    userAction();

    const userAction2 = async () => {
        const response = await fetch('someUrl' + id,
             {
                headers: {
                    'Content-Type': 'application/json',
                    'X-API-Key': 'someKey'
                },
            }
        );
        const myJson = await response.json();
    }

    userAction2();
</script>