onmouseover

index.html

<h1 id="heading">Just a normal heading</h1>

<p>Followed by some normal paragraph text</p>

onmouseover.markdown

onmouseover

A Pen by Bre'Ana Deen on CodePen.

License.

Create an event handler that changes the text in the heading to "You moved the mouse over me" on a mouseover event.

script.js

var heading = document.getElementById("heading");

heading.onmouseover = changeHeading;

function changeHeading(){
    heading.innerHTML = "You moved the mouse over me";
}