In my registration form, I want to set the users email based on their first and last name separated by a dot. (firstname.lastname@xyz.com) I tried to use input mask by robin herbots but realized name lengths vary so I thought i'd just get the first and last name input to generate a custom email.

Is there any way to dynamically do this? automatically build the email realtime and show as read only on the email input on the same registration form.

Here is what the form looks like:

I saw the post about : building email address from two strings but felt it's incomplete as to what I'm trying to achieve, any help is greatly appreciated.