在javascript中更改运动方向时旋转css精灵

每次css精灵的运动方向改变时，我都会尝试旋转它的原型。想象一下，一辆汽车每次改变方向都会旋转，所以它的引擎盖总是朝着它运动的方向

在html中，我得到了一个名为car的div元素

在css中，我简单地将其定义为一个绿色矩形（这样您就知道发动机罩/前部朝向哪个方向）

var-car=document.getElementById（'car'）；
car.style.top='0px'；
car.style.left='0px'；
var角=0；
document.addEventListener（'keydown'，函数（按键）{
如果（按下键。键代码==37）{
car.style.left=（parseInt（car.style.left）-5）+'px'；
如果（角度>=90&&angle=-90&&angle按右键时始终增大角度，按左键时始终减小角度。然后在达到360度或负度时不使旋转标准化

if (keyPressed.keyCode == 37) {
      car.style.left = (parseInt(car.style.left) - 5) + 'px';
      angle += 10;
      car.style.transform = 'rotate('+ angle +'deg)';
      }
} else if (keyPressed.keyCode == 39) {
      car.style.left = (parseInt(car.style.left) - 5) + 'px';
      angle -= 10;
      car.style.transform = 'rotate('+ angle +'deg)';
}
if(angle < 0){
      angle+=360;
}
if(angle > 360)
      angle -= 360;
}

if（keyPressed.keyCode==37）{
car.style.left=（parseInt（car.style.left）-5）+'px'；
角度+=10；
car.style.transform='旋转（'+角度+'deg'）；
}
}else if（keyPressed.keyCode==39）{
car.style.left=（parseInt（car.style.left）-5）+'px'；
角度-=10；
car.style.transform='旋转（'+角度+'deg'）；
}
如果（角度<0）{
角度+=360；
}
如果（角度>360）
角度-=360；
}
请自己制作小提琴，并将其附在这个问题上。@krecik2000这个问题还有待解决吗？