Create an app that does the following:

1. Starts with a box 100px by 100px (red in color) on the top left corner of the screen.

2. Every time I click the button, make the box go to the next corner and randomly change color (animated)

use javascript mixed with webkit animations to transition the coordinates + the color of the box.

please be sure to make the box go to the next corner when clicked(4 corners)

THIS IS WHAT I HAVE AND IS WRONG

this only makes the box moving from left to right, (clicking or not), and I need that the box do NOT reset to the original position