Add Event Listener on Javascript

Question

I'm new to javascript and can't figure out why the following code isn't working:

var toChange = document.getElementById("greeting");
toChange.addEventListener("mouseOver", function() {
  this.innerHTML = "Hi";
  });

  <p id="greeting">Hello.</p>

I've thoroughly researched event listeners, and I can't figure out why this code won't work. Thank you.

Scott · Accepted Answer · 2016-08-12 13:02:04Z

5

Event names are case-sensitive. Here's your code, with mouseOver replaced with mouseover.

var toChange = document.getElementById("greeting");
toChange.addEventListener("mouseover", function() {
  this.innerHTML = "Hi";
  });

  <p id="greeting">Hello.</p>

answered Aug 12, 2016 at 13:02

Scott

5,3695 gold badges49 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

alex · Accepted Answer · 2016-08-12 13:02:17Z

2

Use "mouseover" in lowercase instead.

answered Aug 12, 2016 at 13:02

alex

492k205 gold badges890 silver badges992 bronze badges