<script>
  document.addEventListener("DOMContentLoaded", function () {
    var boxElement = document.getElementById("yourBoxId"); // Replace "yourBoxId" with the actual ID of your box element

    if (boxElement) {
      boxElement.addEventListener("mouseover", function () {
        boxElement.style.backgroundColor = "#ff0000"; // Change the color code to your desired color
      });

      boxElement.addEventListener("mouseout", function () {
        boxElement.style.backgroundColor = "#0000ff"; // Change the color code back to the original or another color on mouseout
      });
    }
  });
</script>
