Image Manipulation Lab

Medium
27
4
31.3% Acceptance

In this lab, you have to create an img tag and three buttons that allow rotating and scaling the image, as well as resetting it back to its original state. You will learn about DOM manipulation, event handling in JavaScript, and CSS transformations.

This will involve:

  • Creating an img element with a proper id and a src attribute containing the URL of an image.
  • Adding buttons with the correct ids and writing event handlers in JavaScript for each of them.
  • Modifying the CSS transform, width, and height properties of the image element according to the user interactions.

Once the lab is completed, you should be able to rotate, scale, and reset an image using buttons.