Javascript 在具有四个按钮的div中移动div

对于学校项目，我必须在大矩形内创建一个大矩形和一个小矩形。然后我必须创建四个按钮来移动大矩形（10px）内的小矩形

我对JS很陌生，所以我不知道如何开始

如果有人能给我一个如何开始的建议，那将非常有帮助

#bigd{
边框：1px纯黑；
}
#移动{
边框：1px纯黑；
位置：绝对位置；
}

链接
记录
奥夫
Ab

这是一个开始。确保调用的选择器与在属性中调用的选择器相同

move=bewegen

其余的你自己试试。提示：使用。顶部

const-box=document.getElementById（“移动”）；
常数步长=10；
//在这两种情况下我们都只使用left
常量左=（）=>{
设lft=parseInt（box.style.left）
if（lft>=document.getElementById（“bigd”）.offsetLeft+step）box.style.left=（lft step）+“px”；
};  
常数右=（）=>{
设lft=parseInt（box.style.left）
如果（我为您制作了一个代码段。我必须用
}
关闭其中一个样式语句。如果您单击编辑，向下滚动并单击“编辑上面的代码段”，您可以添加您尝试的JavaScript。同时给小框一些颜色或内容谢谢：）我的代码现在可以工作了。你知道如何将smoll矩形保持在大矩形内吗？因此，它不会超出大矩形。您还需要查找offsetLeftI。我尝试了if（left<0）{console.log（不能再进一步）}记住解析该值，因为它的末尾有“px”。很抱歉，占用了您的时间，但控制台显示了一个错误。我试过这样做：if（left<0&&left>height）{console.log（'cannotgoverthat'）}