When the start button is pressed, the horses should start moving along the track. Each jump they reach a bush, they should perform the jump animation. To make the horse jump set the CSS class for the horse to horse runRight jump. To display the run animation set the CSS class to horse runRight.
1) Each horse should run at a different speed and cross the finish line at a different time
2) To make it so you can’t see who will win by identifying who’s fastest at the start of the race, the speed should vary as the horse goes around the track (e.g. one horse starts slow but later overtakes another horse by speeding up)
4) Each horse should stay on the screen for the duration of the race
5) Detect the winner (the first horse to cross the finish line) and display the results table
6) The start button should be disabled while the race is in progress.
I have added the files (HTML / CSS / JS) I just have to add the images too
If you are accepting my project we can talk about it after this.
27 freelancers are bidding on average £805 for this job