You can use divide by 3 logic to reduce the steps:

Hmm I’m not sure if I understand or if this actually solves what I’m needing.

Essentially I have a component set named from 1-24. The interaction is that the numbers go up and down in sequence, and for every three, I need it to show another number when “confirmed”.

For example, if a user lands on any component in the 1-3 range, I have the prototype linked to a page that needs to show “6” for example. For components 4-6, show “7”. For components 7-9, show “8” and so on…

Yupp, so basically you are just creating Multiples of 3 and using the result in conditional statement.
So, till 24, you’ll have 8 conditional statements. 1-3 gets covered in 3/3 = 1, 4-6 gets covered in 2, and so on.

I don’t know why you are suggested to use the division operation. This is an unnecessary calculation.

As a result, you should end up with something like this:

if (numberVar >= 1 && numberVar <= 3) {
  // actions
}