Create a special input table/matrix

[Piero Alberto]

Greetings all! I'm a newbie and I hope in your helps!
Obviously, I'm in trouble!

Scenario: i need an page with an input table NxN, with N^2 clickable
cells.
When you click on one cell, you'll make increments of 1 a counter. I
need one counter for each cell.
Each counter has a specific scope: from a minimum of 0 to a maximum of
4.

Why: Every cell represents a test tube (the table/matrix represents a
rack). When you click on one cell, you are putting one sample in the
tube test. When you'll finish, click on 'ok' button and confirm the
data insertion.

Extra: it can be useful also can undo the wrong operations (for
example, if I put wrong data, I want to undo the bad operation)

How can I create this table, and then read the inserted data?

Thanks in advance,
Piero