我的javascript输出会闪烁一秒钟,然后消失
我的Javascript在我第一眼看到的时候就给出了正确的输出,但由于某种原因,输出会快速闪烁一秒钟,然后消失 我没有使用任何框架,我正在使用基本的Javascript 我试着检查控制台的输出,但即使在那里,它也只是闪烁。我也在firefox和edge上试用过,同样的问题也出现了我的javascript输出会闪烁一秒钟,然后消失,javascript,dom,Javascript,Dom,我的Javascript在我第一眼看到的时候就给出了正确的输出,但由于某种原因,输出会快速闪烁一秒钟,然后消失 我没有使用任何框架,我正在使用基本的Javascript 我试着检查控制台的输出,但即使在那里,它也只是闪烁。我也在firefox和edge上试用过,同样的问题也出现了 函数MathRandom2(){ 让问题列表=[]; 问题列表长度=10; 让结果=[]; 让运算符=['+','-','*','/']; var numberRand=0; //问题变量将根据级别选择创建问题。nu
函数MathRandom2(){
让问题列表=[];
问题列表长度=10;
让结果=[];
让运算符=['+','-','*','/'];
var numberRand=0;
//问题变量将根据级别选择创建问题。numberRand将是限制。
让问题=(Math.floor(Math.random()*numberRand)+1)+运算符[Math.floor(Math.random()*4)]+(Math.floor(Math.random()*numberRand)+1);
设total=0;
var username=document.getElementById(“用户名”).value;
//第12行至第37行将检查单选按钮选择。
if(document.getElementById(“初学者”).checked){
让结果=确认(“嘿”+用户名+”!您已选择初学者难度。您确定要继续吗?”);
如果(结果==真){
numberRand=10;
}否则{
返回0;
}
}else if(document.getElementById(“intermediate”).checked){
让结果=确认(“嘿”+用户名+”!您已经选择了中间难度。您确定要继续吗?”);
如果(结果==真){
numberRand=20;
}否则{
返回0;
}
}else if(document.getElementById(“advanced”).checked){
让结果=确认(“嘿”+用户名+”!您已经选择了高级难度。您确定要继续吗?”);
如果(结果==真){
numberRand=100;
}否则{
返回0;
}
}
for(设i=0;i”)+“”+“您得到了”+total+“分数”;
document.getElementById(“结果”).innerHTML=display;
控制台日志(显示);
}
欢迎
请在此处输入您的姓名:
请选择您的难度等级:
初学者
中级
高级
输入的默认行为是在函数通过后刷新页面。您只需将此项添加到函数的顶部即可:
function MathRandom2() {
event.preventDefault();
...
使用
事件接口的preventDefault()方法告诉用户代理,如果事件没有得到显式处理,则不应像通常那样执行其默认操作
函数MathRandom2(){
const form=document.getElementById('form');
表单。addEventListener(“提交”,函数(事件){
event.preventDefault();
})
让问题列表=[];
问题列表长度=10;
让结果=[];
让运算符=['+','-','*','/'];
var numberRand=0;
//问题变量将根据级别选择创建问题。numberRand将是限制。
让问题=(Math.floor(Math.random()*numberRand)+1)+运算符[Math.floor(Math.random()*4)]+(Math.floor(Math.random()*numberRand)+1);
设total=0;
var username=document.getElementById(“用户名”).value;
//第12行至第37行将检查单选按钮选择。
if(document.getElementById(“初学者”).checked){
让结果=确认(“嘿”+用户名+”!您已选择初学者难度。您确定要继续吗?”);
如果(结果==真){
numberRand=10;
}否则{
返回0;
}
}else if(document.getElementById(“intermediate”).checked){
让结果=确认(“嘿”+用户名+”!您已经选择了中间难度。您确定要继续吗?”);
如果(结果==真){
numberRand=20;
}否则{
返回0;
}
}else if(document.getElementById(“advanced”).checked){
让结果=确认(“嘿”+用户名+”!您已经选择了高级难度。您确定要继续吗?”);
如果(结果==真){
numberRand=100;
}否则{
返回0;
}
}
for(设i=0;i”)+“”+“您得到了”+total+“分数”;
document.getElementById(“结果”).innerHTML=display;
}
欢迎
请在此处输入您的姓名:
请选择您的难度等级:
初学者
中级
进展
function MathRandom2() {
const form = document.getElementById('form');
form.addEventListener("submit", function(event){
event.preventDefault(); // prevents form from submitting
})