Interactive card details form

Task: Develop an interactive form with the details of the card according to the design pattern.
The functional:
Update the card in real time.
- receiving an error notification during the sending of the form if:
1 . Any field is empty.
The 2nd The card number, the date of expiry of the term of action or the CVC fields have the wrong format.
- correct display of the site in different sizes of the window (including mobile version)
- the status of reference, activity and focus for interactive elements on the page