JSFiddle - React, Tailwind, and code Playground

HTML

<div id="xyz123" style="width:100px; height:100px; background:#0099cc;"></div>

JavaScript

document.getElementById('xyz123').addEventListener('mouseover', function () {
    document.getElementById('xyz123').innerHTML = '乗った！';
    document.getElementById('xyz123').style.background = '#ee9999';
});
document.getElementById('xyz123').addEventListener('mouseout', function () {
    document.getElementById('xyz123').innerHTML = '離れた！';
    document.getElementById('xyz123').style.background = '#0099cc';
});