Creating a check in and Check out button for employee's attendance purpose

Hi,

I am using SharePoint online.

I would like to create an employee attendance list with buttons for check in and check out.

I have created a list called Attendance Report.
It is possible to add attendance by using "Add new item "manually.

But I am thinking of creating buttons named "check in" and "check out".

When a user clicks check in button, the current date should be saved in the Date column, Time in Check in Time column of the list Attendance Report.

How can I achieve this?

Can anyone help me to write the coding?

Thanks in Advance!

Regards,
AVP