vanilla javascript hover code example
Example 1: addeventlistener hover js
let test = document.getElementById("test");
test.addEventListener("mouseover", function( event ) {
alert("mouse over test!")
, false);
Example 2: hover vanilla javascript
var target = document.querySelector(".button");
target.addEventListener("mouseover", mOver, false);
target.addEventListener("mouseout", mOut, false);
function mOver() {
target.setAttribute("style", "background-color:blue;")
}
function mOut() {
target.setAttribute("style", "background-color:green;")
}
Example 3: css change text on hover
Check this:
https://codepen.io/DevLorenzo/pen/vYXbJvd