如何让我的滑块在移动到标签下面时改变颜色？

<input type="range" id="slider">
<label for="slider" id="label">标签</label>

const slider = document.getElementById("slider");
const label = document.getElementById("label");

slider.addEventListener("input", function() {
  // 获取滑块的值
  const value = slider.value;
  
  // 获取滑块的最大值
  const max = slider.max;
  
  // 计算滑块的位置比例
  const ratio = value / max;
  
  // 根据比例来改变标签的颜色
  label.style.backgroundColor = `rgb(${255 * ratio}, ${255 * (1 - ratio)}, 0)`;
});