このコードをJSで短くするにはどうすればよいですか？

Question

私のコードを短くしたい、私はいくつかの配列などをしようとしていたが、動作していない。誰かが私を助けることができますか？

// Task 1 
 
var firstBox = document.getElementsByClassName('box1')[0] 
 

 

 
firstBox.addEventListener("mouseenter", function(event) { 
 

 
    event.target.style.backgroundColor = "purple"; 
 

 
},); 
 

 
firstBox.addEventListener("mouseleave", function(event) { 
 
    event.target.style.backgroundColor = "white"; 
 
},);

あり、あなたがそれを短くするために行うことができます多くはありませんが、私はあなたがjQueryのを使用することができたとし、 MEGI

Answer 1

、ありがとうございました。

$("#id").mouseenter(function() { 
$("#newColor").css("background-color","purple"); 
}); 

$("#id").mouseleave(function() { 
$("#newColor").css("background-color","white"); 
});