PUZZLE – html interaction question

Hello folks,
I’m now starting my very first real customer project with verge3D, yeehaa !

I’m a 3D guy, not a code one, so i have a tech question :

The project is a billards 8pool table with several color choices : frame, balls, map and so on, with each time several colors (10-15).
A coder will code the website, and we have for each choice a jpg small vignette picture as a button, with each time a unique ID, like “Frame_red”, or “BallsA_yellow” for ex.

I saw the html – verge3D tutorials and i know that i may use the html “on event click for element ID_xxx” command to know what button were clicked and change my 3D in that way.

My question is, if i have 5 different parts to change in 15 possible colors, do i have to create 75 times this “on event click for element ID_xxx” to test each ID ?

Or is there a better way to do so, like – for ex – look what kind of button were clicked (parsing the first part of ID, and second part, and so on) ?

Will the verge3D support and behave fast if i have 75, 150, 300 tests for unique IDs ?

Thanks for help.
Best regards.

Here is the existing website where we will replace the PNG-layered pictures into full Verge3D :
https://configurateur.billard-toulet.com/