Javascript 如何使按钮每次点击都保持移动？

我做了这个代码，让按钮每次点击都向左移动。。但它只移动一次，然后停止。。请帮我找出错误

#myBtn{
位置：绝对位置；
}
将左位置设置为
100像素
函数myFunction（）{
document.getElementById（“myBtn”）.style.left=“100px”；
}

函数myFunction（）{
var currentLeft=parseInt（document.getElementById（“myBtn”）.style.left）| 0；
document.getElementById（“myBtn”）.style.left=currentLeft+100+“px”；
}

#myBtn{
位置：绝对位置；
}

将左位置设置为
100像素

函数myFunction（）{
var currentLeft=parseInt（document.getElementById（“myBtn”）.style.left）| 0；
document.getElementById（“myBtn”）.style.left=currentLeft+100+“px”；
}

#myBtn{
位置：绝对位置；
}

将左位置设置为
100像素

我想您只是将其设置为100px的静态值。您应确保每次单击时，该值都会逐渐减小或增大，如：

1 click - 100px
2 click - 80px
3 click - 60px

等等

---

我没有太多的html知识，但我计算了这么多。

我想您只是将其设置为静态值100px。您应确保每次单击时，该值都会逐渐减小或增大，如：

1 click - 100px
2 click - 80px
3 click - 60px

等等

---

我没有太多的html知识，但我想了这么多。

每次单击时，您需要找出按钮的位置：

var rec = document.getElementById("myBtn").getBoundingClientRect();
document.getElementById("myBtn").style.left = 100+rec.left+'px';

---

每次单击时，您需要找出按钮的位置：

var rec = document.getElementById("myBtn").getBoundingClientRect();
document.getElementById("myBtn").style.left = 100+rec.left+'px';

#myBtn{
位置：绝对位置；
}
将左位置设置为
100像素
函数myFunction（）{
var position=document.getElementById（“myBtn”）.style.left？document.getElementById（“myBtn”）.style.left：“0px”；
position=parseInt（position.substring（0，position.length-2））；
document.getElementById（“myBtn”）.style.left=位置+100+“px”；
}

#myBtn{
位置：绝对位置；
}
将左位置设置为
100像素
函数myFunction（）{
var position=document.getElementById（“myBtn”）.style.left？document.getElementById（“myBtn”）.style.left：“0px”；
position=parseInt（position.substring（0，position.length-2））；
document.getElementById（“myBtn”）.style.left=位置+100+“px”；
}

每次分配相同的值：

left=“100px”

！好久不见了：）不要用html4，是炸弹！怎样？对不起，我是一个入门级，您每次都分配相同的值：

left=“100px”

！好久不见了：）不要用html4，是炸弹！怎样？抱歉，我是入门级（不起作用）：你能写完整的代码吗？请看片段这是我计划发布的内容，但你@azad在medidn之前已经发布了（不起作用）：你能写完整的代码吗？请看片段这是我计划发布的内容，但你@azad在meI无法理解之前已经发布了，这是什么意思.. 你能写完整的代码吗我不明白你的意思。。你能写出完整的代码吗