JavaScript checkbox project

Need a simple HTML page with multiple checkboxes, each checkbox on a new line. Can be any number from 7 or more checkboxes.

Each time you click on checkbox, the number, 1, 2, 3 etc. should show up next to it after you click, to show the ORDER you clicked on it.

So if you click the second checkbox, but it is the first one clicked, the number 1 should show. And then if you click the first checkbox, the number 2 would show. So the number represents the order you clicked on them.

When you click off of one checkbox, the number for that one should disappear and the higher numbers should adjust. So then if you clicked off the third checkbox you had clicked on, and you had clicked on 5 of them already, the 4th would then get the number 3, and the 5th would then get the number 4, so it continues to show the numbers next to the check boxes in the order you checked them.

Each checkbox should have a unique ID.

There should be a button that when you click on it, it shows you the ID of each checked box, in the order that they were check.

Thanks for your interest!