I will explain. There are many types of counting buttons. I`m thinking good these three types of counting buttons on this webpage.
  First is, when you click, the button is counting and saving the 1.
  Second is, when you first select a quantity between -100 and +100 and then click the submit button, after the saver computer will add and divide to the previous data and save, and also will saving the counting button. I think that adding and dividing by 2 is good.
  Third is, first you select from -10 to +10 click the picture, and click the send button, after the saver computer will add and divide this number to the past date, and save the count as well.
  It`s difficult for me to make manuals for the computer program of HTML, PHP and JavaScript, so I`m improving little by little.

 Now, I`ll talk you the computer program HTML, PHP, and JavaScript for the "counting button".

 Use the que.jp (https://www.inetd.co.jp/) server computer, to publish this web page. Not using any other server computer. Difficult a judging the range, so publish the everything for this webpage.

 (1) We can read the program of this web page [index.php] with Notepad. Here, if we are using Google Chrome or Edge, ‐1 right-click here [middle finger] and left-click [index finger] on "Save link as", ‐2 next write the file name (N): "index.php", select and click on "All files (*.*)" for file type (T), ‐3 then left-click on "Save (s)" to your preferred location [downloads, desktop, etc.].

 (2) Regarding "index.txt", just like in (1), right-click [middle finger] and left-click [index finger] on "Save link as", then left-click on "Save(s)" to your preferred location [downloads, desktop, etc.].

 (3) About "menooneoneone.txt". Right-click the Windows display, left-click "New", left-click "Text Document", appear on the display, write "0" inside, write the name as "menooneoneone.txt", overwrite save (s ) please..

 (4) About "menothreeoneone.txt". Right-click the Windows display, left-click "New", left-click "Text Document", appear on the display, write "0" inside, write the name as "menothreeoneone.txt", overwrite save (s ) please..

 (5) About "menothreethreeone.txt". Right-click the Windows display, left-click "New", left-click "Text Document", appear on the display, write "0" inside, write the name as "menothreethreeone.txt", overwrite save (s ) please..

 (6) About "menofiveoneone.txt". Right-click the Windows display, left-click "New", left-click "Text Document", appear on the display, write "0" inside, write the name as "menofiveoneone.txt", overwrite save (s ) please..

 (7) About "menofivethreeone.txt". Right-click the Windows display, left-click "New", left-click "Text Document", appear on the display, write "0" inside, write the name as "menofivethreeone.txt", overwrite save (s ) please..

 (8) About "MCB-jpg-01-eng.jpg": Please in Windows and Google Chrome. Click is open "MCB-jpg-01-eng.jpg" in a new tab. Right-click the mouse on the picture, Left-click "Save image as ...", Write: File name (N): "MCB-jpg-01-eng.jpg", Selection: file type (T) "all files (*.*)", Left-click on "Save (S)".

 (9) About "MCB-png-01-eng.png": Please in Windows and Google Chrome. Click is open "MCB-png-01-eng.png" in a new tab. Right-click the mouse on the picture, Left-click "Save image as ...", Write: File name (N): "MCB-png-01-eng.png", Selection: file type (T) "all files (*.*)", Left-click on "Save (S)".

 (10) Do know “FFFTP”? Operating it by mistake.