Enterキーを押すたびに画像を左に移動

Question

画像は一度正しく左に移動しますが、後でもう一度Enterキーを押すと移動しません。私はそれを入力するたびに10ピクセル多く左に移動するように探しています。上記のコードのおかげで

document.body.addEventListener("keydown", function (event) { 
     if (event.keyCode === 13) { 

     document.getElementById("wagon").style.left=-10 + "px"; 
    } 
    }); 

Answer 1

する必要があり、そうleftは常に-10pxだろう。 leftから番号を抽出し、10を減算して変更を加える必要があります。

これは仕事をします。

var leftStr = document.getElementById("wagon").style.left; 
var indexOfpx = leftStr.indexOf("px"); 
var num = leftStr.substring(0, indexOfpx); // extract the number part 
var leftPx = Number(num) - 10 + "px"; 
document.getElementById("wagon").style.left = leftPx; 

Answer 2

が、それはあなただけの要素にあなたがKeyDownイベントでしたたびに-10px割り当てられたので、それがあった

document.getElementById("wagon").style.left -= 10 + "px";