Javascript 基于keyDown的CSS定位

我在做飞机游戏。为了发射导弹，我使用JavaScript函数创建带有导弹类的div，并使用飞机的位置来定位导弹

问题在于我的顶部定位

这是我的按键功能

    document.onkeydown = function(e) {
        (e.keyCode === 37) ? player.left-= 10
        : (e.keyCode === 38) ? player.top-= 10
        : (e.keyCode === 39) ? player.left += 10
        : (e.keyCode === 40) ? player.top += 10
        : (e.keyCode === 32) ? missiles.push({top: player.top - 8, left: player.left + 34})
        : player = player;
        drawMissiles();


        (player.top <= 400) ? player.top = 400
        : player = player;



        drawPlayer();
}

document.onkeydown=函数（e）{
（e.keyCode==37）？玩家左-=10
：（e.keyCode==38）？player.top-=10
：（e.keyCode==39）？player.left+=10
：（e.keyCode==40）？player.top+=10
：（e.keyCode==32）？导弹。推送（{top:player.top-8，left:player.left+34}）
：player=player；
抽导弹（）；
（player.top看起来像输入错误。样式标记中的第一个分号后面有一个逗号。
样式属性中的输入错误
function drawMissiles() {
            let content = "";
            missiles.map(function(missile) {
                content+= "<div class='missile' style='left:"+missile.left+"px;, top:"+missile.top+"px;'></div>"
                    document.getElementById("missiles").innerHTML = content;
                })
            }
        drawMissiles();