Javascript 它没有'；不要增加位置

我有以下代码，我想将一个框移动到我的按下箭头（本例中为左箭头），但只向left属性添加一次。如果我多次按左箭头，它将保持在同一点上。不明白为什么

const box = document.querySelector('div');
const body = document.querySelector('body');

body.addEventListener('keydown', move);

function move(event) {
    let ddd = event.which || event.keyCode;
    let left = 0;
    box.style.position = 'absolute';
    if(ddd === 37) {
        left += 5;
        box.style.left = left + 'px';
    }
}

---

这是因为每次都要重置

left

的值。将

左

存储在

移动

之外，以防止重置它

const box = document.querySelector('div');
const body = document.querySelector('body');
let left = 0;

body.addEventListener('keydown', move);

function move(event) {
    let ddd = event.which || event.keyCode;
    box.style.position = 'absolute';
    if(ddd === 37) {
        left += 5;
        box.style.left = left + 'px';
    }
}

---

这是因为每次都要重置

left

的值。将

左

存储在

移动

之外，以防止重置它

const box = document.querySelector('div');
const body = document.querySelector('body');
let left = 0;

body.addEventListener('keydown', move);

function move(event) {
    let ddd = event.which || event.keyCode;
    box.style.position = 'absolute';
    if(ddd === 37) {
        left += 5;
        box.style.left = left + 'px';
    }
}

---

非常感谢你，你为我节省了很多时间，在谷歌上搜索时仍然没有找到正确的答案。我正在制作一个口袋妖怪游戏，我想用箭头移动角色。@GrecA酷！我很高兴能帮上忙。祝你的比赛好运！非常感谢你，你为我节省了很多时间，在谷歌上搜索时仍然没有找到正确的答案。我正在制作一个口袋妖怪游戏，我想用箭头移动角色。@GrecA酷！我很高兴能帮上忙。祝你的比赛好运！