使用文本移动框的按钮-JavaScript Jquery

当我点击按钮时，我必须使第一个名为“制作框”的按钮向右移动10px。有什么建议吗

这是代码

//查找元素
var banner=$（“#banner消息”）
变量按钮=$（“按钮”）
//句柄单击并添加类
按钮。在（“单击”、（）=>{
banner.toggleClass（“alt”）
})

正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：200px；
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}

文件
$（“按钮”）。单击（函数（）{
$（“div”）.animate({
左：“250px”
});
});


кутийка с текст

给div一个ID-我使用

move

添加CSS

#移动{position:relative}

-除非是绝对位置或相对位置，否则不能移动

添加脚本-（但不具有onclick或类似功能）

$（函数（）{
$（'[value=“ааааааааа”]'）。在（“单击”，函数（）{
const div=$（this.prev（）；//或$（“#move”）
让pos=数学圆（div.position（）.左）
div.css（{“left”：（pos+10）+“px”}）//或$（“#move”）.css（…）
})
})

正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：200px；
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}
#移动{位置：相对}

文件


кутийка с текст

您的横幅消息id在html代码中的什么位置？？？ 您使用的是带有类型按钮的输入，而不是按钮标签，因此无法使用

var button = $("button")

你需要使用

var button = $("input[type=button]")

但是最好的方法是为它定义类。范例

<input type="button" class="btn btn-info float-right myButtonClass" value="Натисни">

---

欢迎来到堆栈溢出！请访问，采取的，看看什么和。做一些研究，搜索相关话题等；如果遇到问题，请发布您的尝试，并使用

[]

代码段编辑器记录输入和预期输出。请不要试图绕过Stackoverflow设置的限制，例如发布没有代码的JSFIDLE链接。请不要删除代码段。这是问题的一部分。JSFIDLE的链接可能会过时非常感谢。非常感谢。让我给你一个beerjust更新的链接，你能检查它并在那里编辑吗？不。Stackoverflow想要这里的答案和代码，不是一个可以过时或更改内容的链接。所以我应该做什么，我试过你的代码，但还是没动。谢谢你。让我给你捐一瓶啤酒吧。当然是巴尔干半岛的还是俄罗斯的，但我还是不知道，rakija是通用的：D

var button = $(".myButtonClass");