Javascript Html样式更改不'；在单击表单按钮后应用时，不要粘住

我正在学习一门html初级课程。通过javascript，我试图在提交表单时修改表单按钮方面，但这种修改会立即恢复。看起来DOM或表单被重置了，但我不知道如何解决这个问题

功能验证1（收音机）{
document.getElementById（“valider1”）.style.background='green'；
myAnswer=false；
对于（var i=0；i当您按下按钮时，其背景会更新，但表单也会发送，这会导致页面刷新，这就是您看不到更改的原因

如果使用阻止表单提交，则将保留更改：


const form=document.getElementById（'form'）；
const submit=document.getElementById（'submit'）；
form.onsubmit=（e）=>{
e、 预防默认值（）；
submit.style.color='white'；
submit.style.background=form.Q1.value=='1'？'green'：'red'；
}
正文{
字体系列：monospace；
字体大小：14px；
}
p+p{
边缘顶部：32px；
}
标签{
显示：内联flex；
填充：8px 12px；
光标：指针；
边界半径：256px；
对齐项目：居中；
盒影：0.2px 0 rgba（0,0,0,25）；
过渡：100毫秒内的方块阴影缓解；
}
标签：悬停{
盒影：0.32px 0 rgba（0,0,0,125）；
}
输入[type='radio']{
利润率：0.8px 0.0；
光标：指针；
}
#提交{
边界：0；
背景：透明；
颜色：#333；
字体大小：16px；
字体系列：monospace；
字体大小：粗体；
文本转换：大写；
边界半径：256px；
填充：8px 20px；
大纲：无；
盒影：0.32px 0 rgba（0,0,0,125）；
过渡：100毫秒内的方块阴影缓解；
}
#提交：悬停{
盒影：0.12像素0 rgba（0,0,0,25）；
}

无线应答器的设计与制作：


头
身体
！DOCTYPE
html


瓦利德

您可以使用



这将阻止页面刷新。请参阅以下内容：


功能验证1（收音机）{
document.getElementById（“valider1”）.style.background='green'；
myAnswer=false；
for（var i=0；i因为您正在提交表单…感谢您花时间回答。我在代码中使用了解决此问题的。我还使用了您的css代码来完成我的其余代码。谢谢！