JavaScript如何实现滑块值超180后转换为-179至-1的负数值

你的数值计算逻辑写反了，当前使用的公式-slider.value + 360 / 2等价于180 - slider.value，当滑块值为181时得到的结果是-1，和你预期的输出刚好完全颠倒。

调整数值计算规则，大于180时用-(360 - 滑块值)计算即可匹配需求：滑块值181对应输出-179，滑块值359对应输出-1。如果需要滑块拉到360时也显示-1，要么给360加特殊判断，要么直接把滑块的max属性改为359即可。

修正后的完整JavaScript代码：

var slider = document.getElementById("slider");
var textEl = document.getElementById("text");
var outerEl = document.getElementById("outer");

slider.addEventListener('input', () => {
  const val = Number(slider.value);
  // 旋转逻辑保持不变
  outerEl.style.transform = `rotate(${val}deg)`;
  // 优化显示逻辑，避免先赋值再覆盖的冗余操作
  if (val > 180) {
    // 适配360显示-1的特殊处理，不需要可以删掉三元判断，直接写 -(360 - val)
    textEl.innerHTML = val === 360 ? -1 : -(360 - val);
  } else {
    textEl.innerHTML = val;
  }
});

内容的提问来源于stack exchange，提问作者Proking73Questioneer