一切测验 #2
This is an automatic translation. Read the original
<头>
<元字符集=“UTF-8”>
<风格>
身体{
字体系列：Arial、无衬线字体；
背景：线性渐变（135deg，#1e1e2f，#2c2c54）；
颜色: 白色;
文本对齐：居中；
内边距：20px；
}
h1 {
颜色：#00d4ff；
}
.quiz-box {
背景：#2f2f4f；
内边距：20px；
边框半径：15px；
最大宽度：600px；
保证金：自动；
盒子阴影：0 0 20px rgba(0,0,0,0.5);
}
.问题{
字体大小：20px；
下边距：15px；
}
按钮{
显示：块；
边距：自动 10 像素；
内边距：10 像素 15 像素；
宽度：80%；
边框：无；
边框半径：10px；
背景：#00d4ff；
颜色：黑色;
字体大小：16px；
光标：指针；
}
按钮：悬停{
背景：#00a3cc；
}
.正确{背景：#4caf50！重要; }
.错误{背景：#f44336！重要; }
#进度条{
宽度：100%；
高度：8px；
背景：#444；
底部边距：10px；
}
#进度{
高度：8px；
宽度：0%；
背景：#00d4ff；
}
#计时器{
底部边距：10px；
字体大小：18px；
}
<正文>
<脚本>
常量测验 = [
{q:"12 × 8?",a:["96","88","108","86"],正确:0},
{q:"144 的平方根？",a:["10","11","12","13"],正确:2},
{q:"法国首都？",a:["柏林","马德里","巴黎","罗马"],正确:2},
{q:"H2O 是？",a:["盐","水","氧","氢"],正确:1},
{q:"红色星球？",a:["地球","火星","金星","木星"],正确:1},
{q:"二战结束了？",a:["1945","1939","1918","1950"],正确:0},
{q:"最大的海洋？",a:["大西洋","印度","太平洋","北极"],正确:2},
{q:"求解：3x=21",a:["5","6","7","8"],正确:2},
{q:"9²?",a:["81","72","99","90"],正确:0},
{q:"角度和三角形？",a:["180","360","90","270"],正确:0},
{q:"2 的二进制？",a:["10","11","01","00"],正确:0},
{q:"化学符号Fe？",a:["金","铁","银","铅"],正确:1},
{q:"最大的行星？",a:["地球","土星","木星","火星"],正确:2},
{q:"植物吸收气体？",a:["氧气","CO2","氮气","氢气"],正确:1},
{q:"哈姆雷特的作者？",a:["莎士比亚","吐温","罗琳","狄更斯"],正确:0},
{q:"100 ÷ 4?",a:["20","25","30","15"],正确:1},
{q:"最大的大陆？",a:["欧洲","亚洲","非洲","美洲"],正确:1},
{q:"氢的原子序数？",a:["1","2","3","4"],正确:0},
{q:"光速大约？",a:["300,000 km/s","150,000","1M","500"],正确:0},
{q:"毕达哥拉斯公式？",a:["a2+b2=c2","a+b=c","a2=b2","无"],正确:0},
{q:"美国第一任总统？",a:["林肯","华盛顿","亚当斯","杰斐逊"],正确:1},
{q:"光合作用有何用途？",a:["光","声音","热","风"],正确:0},
{q:"DNA代表什么？",a:["脱氧核糖核酸...","动态酸","双原子","无"],正确:0},
{q:"1984年的作者？",a:["奥威尔","赫胥黎","国王","托尔金"],正确:0},
{q:"人体骨骼？",a:["206","300","150","180"],正确:0},
{q:"英国货币？",a:["欧元","美元","英镑","日元"],正确:2},
{q:"最长的河流？",a:["尼罗河","亚马逊","多瑙河","长江"],正确:0},
{q:"圆的面积？",a:["πr²","2πr","r²","πd"],正确:0},
{q:"动词？",a:["跑","蓝","软","快"],正确:0},
{q:"7 × 9?",a:["63","56","72","49"],正确:0}
];
// 洗牌
测验.sort(()=>Math.random()-0.5);
令电流=0；
让分数= 0；
让时间=20；
让定时器；
函数startTimer(){
时间=20；
document.getElementById("timer").innerText = "时间：" + 时间;
计时器 = setInterval(()=>{
时间——；
document.getElementById("timer").innerText = "时间：" + 时间;
如果（时间 <= 0）{
清除间隔（计时器）；
下一个问题（）；
}
},1000);
}
函数加载问题（）{
清除间隔（计时器）；
开始定时器（）；
const q = 测验[当前]；
document.getElementById("问题").innerText = q.q;
document.getElementById("进度").style.width =
((当前/测验长度)*100) + "%";
constanswerDiv = document.getElementById("answers");
answersDiv.innerHTML = "";
q.a.forEach((答案, 索引) => {
const btn = document.createElement("按钮");
btn.innerText = 答案；
btn.onclick = () => checkAnswer(index, btn);
answerDiv.appendChild(btn);
});
}
函数 checkAnswer(索引, btn) {
清除间隔（计时器）；
if (index === 测验[当前].正确) {
btn.classList.add("正确");
分数++；
} 否则{
btn.classList.add("错误");
}
Array.from(document.getElementById("answers").children)
.forEach(b => b.disabled = true);
setTimeout(下一个问题, 800);
}
函数下一个问题（）{
当前++；
if(当前 < 测验长度){
加载问题();
} 否则{
完成测验（）；
}
}
函数完成测验（）{
让消息=“”；
让百分比 = (分数 / 测验长度) * 100;
if(百分比 === 100){
message = "满分。疯狂。";
} 否则 if(百分比 >= 75){
message =“性能非常强劲。”;
} 否则 if(百分比 >= 50){
message = "不错。你知道你的基础知识。";
} 否则{
message =“需要改进。”；
}
document.querySelector(".quiz-box").innerHTML = `
一切测验#2
时间：20
测验完成
分数：${score} / ${quiz.length}
${消息}
重新启动 `; } 加载问题();
