Hi i wanna make a beyblade game

hello, I have been practicing making different things with js react. I made this Beyblade that spins so everyone can see. I want to add a counter that counts every rotation. Well, I actually want to make a button with two different Beyblades and they both generate a random number of spins. So when I and my friends are having a dispute I cant take it to the Beyblade page and see whose top stops spinning first. Beyblade stadiums I'm not sure if this makes sense, but I am still very much a beginner and I am not sure where to start. If anyone could help answer these questions it would be very much appreciated.
  1. how do I set the image to spin a random number of times and stop?
    Ex: I set up a parameter of 0-500 at a speed of 1 rotation/2secs. Both Beyblades would generate a random number (Beyblade a. 200 rotations, Beyblade b. 250 rotations) winner spins the longest.
    2. I can put a second Beyblade on there and make it spin at a different speed, but how do I put them side to side? do I just add both images into the same header?
any help to get me started would be great!