Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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
如何在html中同时显示JavaScript数组中的5个问题?_Javascript_Html_Arrays - Fatal编程技术网

如何在html中同时显示JavaScript数组中的5个问题?

如何在html中同时显示JavaScript数组中的5个问题?,javascript,html,arrays,Javascript,Html,Arrays,我正在开发一个包含大量问题的测验或测试页面,在我的html中,它一次只显示我创建的问题数组中的一个问题,但我需要一次显示5个问题,单击“下一步”按钮时,它需要显示下一组5个问题。我该怎么做,请帮忙 让问题=[{ 麻木:1,, 问题:“HTML代表什么?”, 回答:“超文本标记语言”, 选项:[ “超文本预处理器”, “超文本标记语言”, “超文本多语言”, “超工具多语言” ] }, { 麻木:2, 问题:“CSS代表什么?”, 回答:“级联样式表”, 选项:[ “通用样式表”, “彩色样式表

我正在开发一个包含大量问题的测验或测试页面,在我的html中,它一次只显示我创建的问题数组中的一个问题,但我需要一次显示5个问题,单击“下一步”按钮时,它需要显示下一组5个问题。我该怎么做,请帮忙

让问题=[{
麻木:1,,
问题:“HTML代表什么?”,
回答:“超文本标记语言”,
选项:[
“超文本预处理器”,
“超文本标记语言”,
“超文本多语言”,
“超工具多语言”
]
},
{
麻木:2,
问题:“CSS代表什么?”,
回答:“级联样式表”,
选项:[
“通用样式表”,
“彩色样式表”,
“计算机样式表”,
“层叠样式表”
]
},
{
麻木:3,
问题:“PHP代表什么?”,
答:“超文本预处理器”,
选项:[
“超文本预处理器”,
“超文本编程”,
“超文本预编程”,
“家庭文本预处理器”
]
},
{
麻木:4,
问题:“SQL代表什么?”,
答:“结构化查询语言”,
选项:[
“时尚问题语言”,
“样式表查询语言”,
“陈述问题语言”,
“结构化查询语言”
]
},
{
麻木:5,
问题:“XML代表什么?”,
回答:“可扩展标记语言”,
选项:[
“可扩展标记语言”,
“可执行多语言”,
“额外多程序语言”,
“检查多种语言”
]
}]
//提问
//选择所有必需的元素
const start_btn=document.querySelector(“.start_btn按钮”);
const info_box=document.querySelector(“.info_box”);
const exit_btn=info_box.querySelector(“.buttons.quit”);
const continue_btn=info_box.querySelector(“.buttons.restart”);
const quick_box=document.querySelector(“.quick_box”);
const result_box=document.querySelector(“.result_box”);
const option_list=document.querySelector(“.option_list”);
常量时间行=document.querySelector(“header.time行”);
const timeText=document.querySelector(“.timer.time\u left\u txt”);
const timeCount=document.querySelector(“.timer.timer\u sec”);
//如果单击startQuiz按钮
start_btn.onclick=()=>{
//info_box.classList.add(“activeInfo”);//显示信息框
info_box.classList.remove(“activeInfo”);//隐藏信息框
测验箱。类列表。添加(“活动测验”);//显示测验箱
showQuetions(0);//调用showQestions函数
queCounter(1);//将1个参数传递给queCounter
startTimer(120);//调用startTimer函数
startTimerLine(0);//调用startTimerLine函数
}
设时间值=15;
让que_count=0;
让que_numb=1;
让userScore=0;
让我们来反击;
让我们对抗;
设宽度值=0;
const restart_quick=result_box.querySelector(“.buttons.restart”);
const quit\u quick=result\u box.querySelector(“.buttons.quit”);
//如果单击RestartQuit按钮
重新启动_quick.onclick=()=>{
测验箱。类列表。添加(“活动测验”);//显示测验箱
result_box.classList.remove(“activeResult”);//隐藏结果框
时间值=15;
que_计数=0;
que_numb=1;
userScore=0;
宽度值=0;
showQuetions(que_count);//调用showQestions函数
queCounter(queu numb);//将queu numb值传递给queCounter
clearInterval(计数器);//清除计数器
清除间隔(计数器线);//清除计数器线
startTimer(timeValue);//调用startTimer函数
startTimerLine(widthValue);//调用startTimerLine函数
timeText.textContent=“Time Left”;//将timeText的文本更改为Time Left
next_btn.classList.remove(“show”);//隐藏下一步按钮
}
//如果单击了此按钮
退出测验。点击=()=>{
window.location.reload();//重新加载当前窗口
}
const next_btn=document.querySelector(“footer.next_btn”);
const bottom_ques_counter=document.querySelector(“footer.total_que”);
//如果单击“下一步”按钮
next_btn.onclick=()=>{
if(queu count