Determing which button clicked in a Dynamic array of buttons

I am creating an arrray of 100 or more Buttons dynamically

The idea is when the user clicks on a button it changes color.

I have done this with an array of ASP buttons by adding the Handler BtnColorClick

Code for creating buttons:

For Col= 0 To 100
     Btn(Col) = New Button
     Btn(Col).BackColor = Color.Red
     Btn( Col).CommandArgument = Col
     AddHandler Btn(Col).Command, AddressOf BtnColorClick
     Pnl.Controls.Add(Btn( Col))
    Next

Btn Click code:
   
Private Sub BtnColorClick(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.CommandEventArgs)

Dim Col as int16

Col = e.CommandArgument
If Btn( Col).BackColor.Equals(Color.Red) then
      btn(Col).BackColor = Color.Blue
Else
     btn(col).BackColor = Color.Red
End if

This works fine but the page is posted back so I have to re-create the buttons in the page load event

I can create a single HTML button called Bt and change the color in javascript.

function ChangeBtnColor() {
      if (Form1.Bt.style.backgroundColor == '#ff0000')
      {
      
            Form1.Bt.style.backgroundColor = "Blue";
      }
      else
      {
       Form1.Bt.style.backgroundColor = 'ff0000'
       }
      }

This works fine.

What I am trying to do is to create an array of HTML buttons dynamically and do the same thing in jarvascript without having to create up to 100 separate Btn click functions for each button.

My problem is is there a way of finding out which button is clicked in javascript so as that the correct button changes color as it does by using the ASP button method but without doing a page post back.