Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我的javascript输出会闪烁一秒钟,然后消失_Javascript_Dom - Fatal编程技术网

我的javascript输出会闪烁一秒钟,然后消失

我的javascript输出会闪烁一秒钟,然后消失,javascript,dom,Javascript,Dom,我的Javascript在我第一眼看到的时候就给出了正确的输出,但由于某种原因,输出会快速闪烁一秒钟,然后消失 我没有使用任何框架,我正在使用基本的Javascript 我试着检查控制台的输出,但即使在那里,它也只是闪烁。我也在firefox和edge上试用过,同样的问题也出现了 函数MathRandom2(){ 让问题列表=[]; 问题列表长度=10; 让结果=[]; 让运算符=['+','-','*','/']; var numberRand=0; //问题变量将根据级别选择创建问题。nu

我的Javascript在我第一眼看到的时候就给出了正确的输出,但由于某种原因,输出会快速闪烁一秒钟,然后消失

我没有使用任何框架,我正在使用基本的Javascript

我试着检查控制台的输出,但即使在那里,它也只是闪烁。我也在firefox和edge上试用过,同样的问题也出现了

函数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
 })