It sounds like the "Clicky" template might help you...
https://photics.com/free-template-tuesday-24-tumult-hype-clicky/
There are four separate elements, but they all run the same JavaScript code on click/tap.
The trick is to use the "element" parameter. When a Hype function is run... or functions in general... you can get the details of that event — what caused this to happen?
The click event is traced back to the element that was clicked. That element can then be changed. This is similar to the "multilingual" template I mentioned before. By using good ID names for the button elements, it's easier to create actions based on that. It makes the project more dynamic. It uses a two-dimensional array, so it's a scalable technique. The project only has three languages, but it could easily support hundreds... I'd probably use a dropdown or a form in that situation though. Otherwise, that's a lot of buttons.
Here's another example...
https://photics.com/free-template-tuesday-29-tumult-hype-picturing/
The key is this line, which Hype adds automatically...
// element - DOMHTMLElement that triggered this function being called
It's part of Hype's API. That comment is added at the top automatically. (In the early years of Hype, I simply ignored that part. I didn't realize the power of those parameters.) That project only has four pictures, but the technique scales nicely. Here's an example with 16 puzzle pieces...
https://photics.com/free-template-tuesday-33-tumult-hype-jigsaw/
This is a very important concept to learn with. By using the ID, and targeting elements dynamically, you don't have to create a bunch of timelines. This technique can save a lot of time.