An HTML, CSS and JS racing game to practice complex DOM manipulation.
Fork this repository and clone it to your local machine to begin working on the challenge.
As a user, I'd like to click Go and see the tortoises race from left to right.
As a user, I'd like to be notified of which tortoise won the race.
Look into using transform: translateX(0px);
to move the tortoises.
Move the tortoises over a consistent interval, using setInterval()
to start and clearInterval()
to stop the tortoises.
Think about how to implement different speeds for the tortoises using Math.random()
. There are probably two broad approaches: random timings or random movements.
As a user, I'd like to input custom speeds to control which tortoise moves faster or slower.
As a user, I'd like to pause the race and restart it where it left off.
As a user, I'd like to see a realistic or cartoon image of the animals racing.
As a user, I'd like to add more tortoises to the race.