Wie kann ich diesen Code in JS kürzer machen?

Question

Ich möchte meinen Code kürzer machen, ich habe versucht, einige Arrays usw. zu tun, aber funktioniert nicht. Kann mir jemand helfen?

// 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"; 
 
},);

Danke, Megi

Answer 1

Es gibt nicht viel Sie es kürzer machen tun können, aber ich nehme an, Sie jQuery verwenden könnte.

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

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