Javascript 单击“提交”按钮后,如何在测验中的答案旁边放置文本

Javascript 单击“提交”按钮后,如何在测验中的答案旁边放置文本,javascript,html,css,Javascript,Html,Css,这个想法是,当有人点击提交,例如有问题1错误,将有一些信息后,错误的答案,如:。。。是一种哺乳动物 到目前为止,我尝试了一些东西并查找了它,但我真的无法让它工作 奎茨博克斯先生{ 宽度:58%; 最大宽度:950px; 边框:1px灰色实体; 保证金:自动; 填充:10px; 边界半径:10px; 利润率最高:7%; 文本对齐:居中; 位置:相对位置; } 奎茨泰勒先生{ 右:50%; } .行{ 文本对齐:左对齐; 左边距:10%; } 测验 蛾是什么目的成员? 八角形 麻风病 鳞翅目 问

这个想法是,当有人点击提交,例如有问题1错误,将有一些信息后,错误的答案,如:。。。是一种哺乳动物

到目前为止,我尝试了一些东西并查找了它,但我真的无法让它工作


奎茨博克斯先生{
宽度:58%;
最大宽度:950px;
边框:1px灰色实体;
保证金:自动;
填充:10px;
边界半径:10px;
利润率最高:7%;
文本对齐:居中;
位置:相对位置;
}
奎茨泰勒先生{
右:50%;
}
.行{
文本对齐:左对齐;
左边距:10%;
}
测验
蛾是什么目的成员?
八角形
麻风病
鳞翅目
问题2
答复1
答复2
答复3
问题3
答复1
答复2
答复3
你的成绩是:__

document.getElementById(“form1”).onsubmit=function(){ variable=parseInt(document.querySelector('input[name=“variable”]:checked')。值); sub=parseInt(document.querySelector('input[name=“sub”]:checked')。值); con=parseInt(document.querySelector('input[name=“con”]:checked')。值); 结果=变量+子项+con; document.getElementById(“grade”).innerHTML=结果; var result2=“”; 如果(结果==0){ 结果2=“我认为你没有学习。” }; 如果(结果==33){ result2=“您需要花费更多时间。请重试。” }; 如果(结果==66){ result2=“我认为您可以做得更好。再试一次。” }; 如果(结果==99){ result2=“非常好!” }; document.getElementById(“grade2”).innerHTML=result2; return false;//不刷新页面是必需的;只需将其留在这里 }//这将结束提交函数
请找到以下解决方案。我希望它对你有用

document.getElementById(“form1”).onsubmit=function(e){
e、 预防默认值();
variable=parseInt(document.querySelector('input[name=“variable”]:checked')。值);
sub=parseInt(document.querySelector('input[name=“sub”]:checked')。值);
con=parseInt(document.querySelector('input[name=“con”]:checked')。值);
结果=变量+子项+con;
document.getElementById(“grade”).innerHTML=结果;
var result2=“”;
如果(结果==0){
结果2=“我认为你没有学习。”
};
如果(结果==33){
result2=“您需要花费更多时间。请重试。”
};
如果(结果==66){
result2=“我认为您可以做得更好。再试一次。”
};
如果(结果==99){
result2=“非常好!”
};
document.getElementById(“grade2”).innerHTML=result2;
return false;//不刷新页面是必需的;只需将其留在这里
}//这将结束提交功能

奎茨博克斯先生{
宽度:58%;
最大宽度:950px;
边框:1px灰色实体;
保证金:自动;
填充:10px;
边界半径:10px;
利润率最高:7%;
文本对齐:居中;
位置:相对位置;
}
奎茨泰勒先生{
右:50%;
}
.行{
文本对齐:左对齐;
左边距:10%;
}
测验
蛾是什么目的成员?
八角形
麻风病
鳞翅目
问题2
答复1
答复2
答复3
问题3
答复1
答复2
答复3
你的成绩是:__


请阅读。相关代码直接属于您的问题,而不仅仅是外部站点。以后请直接这样问你的问题,而不是依赖其他人反复编辑你的帖子。使用一个带有信息的div,先隐藏它,然后用js显示它。嗯,你到底改变了什么?它看起来与我的代码相同:S
document.getElementById(“form1”).onsubmit=function(e){e.preventDefault();
您必须使用
preventDefault()
函数。因此它将停止默认操作并允许您执行特定操作。