Meet FrankenDiv! This is a `div` that will change based on the different commands that he is given. You'll notice that there are a couple of different buttons. Your job is to program each button to change FrankenDiv accordingly. `square`: this button should change the width of FrankenDiv to match its height, regardless of what height FrankenDiv is. `circle`: this button should change the `border-radius` of FrankenDiv so it looks like a circle or oval. `rectangle`: this button should change the width of FrankenDiv to be double its current height. `change color`: this button should prompt the user to enter a color. FrankenDiv will change to that color. Color animations are **not** standard in JQuery - we had to add an additional library to allow for that to occur. You'll notice an extra script in the code with a url - this is to allow color animations! `change size`: this button should prompt the user to enter a width and a height and change the size of FrankenDiv accordingly. Note: both the rectangle and square buttons should revert the `border-radius` back to its original setting! **BONUS**: Add a rotate button that will rotate the FrankenDiv. `transform` does not work with `.animate`, so you will need to use css to complete this button. Look into the `transition` style to get this to animate properly!
Sign up for a free teacher account to get access to curriculum, teacher tools and teacher resources.Teacher Signup
Sign up as a student if you are in a school and have a class code given to you by your teacher.Student Signup