Convert hint hover code from jQuery to JavaScript

[brittanyrw]

When you hover over the question mark icon on cards, a hint will appear. The code for this is located in the app.js.

Convert the code for this hover feature from jQuery into JavaScript. Only convert this specific section of code.

// Display a hint (type ie tv, movie or musical) when hovering over the question mark.
$("#emojis").on("mouseover", ".hint-container", function () {
  $(this).find(".hint").addClass("hint-reveal");
});

// Hide hint (type ie tv, movie or musical) when the user stops hovering over the question mark.
$("#emojis").on("mouseleave", ".hint-container", function () {
  $(this).find(".hint").removeClass("hint-reveal");
});

[shubhalgupta]

@brittanyrw please assign this task to me!

[0xBlyn]

is this issue still open?

[marameref]

@brittanyrw has this issue been fixed? i will like to work on it pls

[shubhalgupta]

@Youngemmy5956 by whom it is fixed? And, why it isn't merged then?

[Youngemmy5956]

@Youngemmy5956 by whom it is fixed? And, why it isn't merged then?

Not that it’s approved, What I meant is that I contributed to it and u can check it out

[shubhalgupta]

@brittanyrw please review my PR

[SharmaDhruv2511]

is this issue still open? I want to attempt it. @brittanyrw