jQueryのcssをJavaScriptで書き換えたらこうなる一例

自分自身の基礎力向上のために、jQueryで作ったコードがJavaScriptで書いたらどのようになるか書いてみています。もし、他にも方法がありましたら、ご教示いただけると嬉しいです。

結果

jQueryのhover

jQuery

 $('button').hover(function () {
 //マウスカーソルが重なった時の処理
 $('button').css('background-color', '#f00');
 },
 function () {
 //マウスカーソルが離れた時の処理
   $('button').css('background-color', 'yellowgreen');
 })

JavaScriptのみ

 const target = document.getElementById('target');
 target.addEventListener('mouseenter', () => {
   target.style.backgroundColor = '#f00';
 }, false);

 target.addEventListener('mouseleave', () => {
   target.style.backgroundColor = 'yellowgreen';
 }, false);

HTMLElement.style