当我尝试制作圆形仪表时，我被一些代码中的小故障难住了

<div class="gauge"></div>

.gauge {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #eee;
}

<div class="gauge">
  <div class="needle" id="needle"></div>
</div>

.needle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 50%;
  background-color: red;
  transform-origin: bottom;
}

document.getElementById('rotateButton').addEventListener('click', function() {
  var angle = 45; // 旋转角度
  document.getElementById('needle').style.transform = 'rotate(' + angle + 'deg)';
});

function drawTicks(numTicks) {
  var gauge = document.querySelector('.gauge');
  var tickSpacing = 360 / numTicks;
  for (var i = 0; i < numTicks; i++) {
    var tick = document.createElement('div');
    tick.className = 'tick';
    tick.style.transform = 'rotate(' + (i * tickSpacing) + 'deg)';
    gauge.appendChild(tick);
  }
}

drawTicks(12); // 绘制12个刻度

@media (max-width: 600px) {
  .gauge {
    width: 150px;
    height: 150px;
  }
}