Hi, I'm completely new to JavaScript and have been given a couple of tasks to do for a school project. jQuery is not allowed.

I have made a basic website using HTML/CSS and now need to integrate JavaScript to complete the following two tasks;

  • Make a message display when the user moves the mouse over an image. Consider good usability practice.
  • When the user moves the mouse over an image a larger image should appear. Other page elements shouldn't move and when the user moves the mouse away from the large image it should disappear.


If someone could give me some pointers on how to learn how to do this I'd be greatly appreciated, thanks.