CSS-позиционирование на keyDown

спросил: 14 ноября 2017 в 06:04 в: javascript

Я играю в самолет. Чтобы стрелять ракетами, я использую функции JavaScript, которые создают div с классом ракеты и используют положение моего самолета для позиционирования ракеты.

Проблема с моим верхним позиционированием.

Вот моя функция keyDown ...

    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();
}

Это добавляет объект в пустой массив ракет со свойствами"top" и"left".

Затем я использую функцию JavaScript, чтобы добавить этот div в мой HTML с верхними и нижними свойствами, используемыми в качестве моего стиля CSS, например, так.

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();

My "left"собственность работает, но моя" вершина"нет. Мои ракеты заканчиваются наверху моей страницы.


0 ответов