<!DOCTYPE html>
<html lang=”zh-CN”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
<!-- 官方教育应用认证元标签(适配荣耀/华为等设备安全检测) -->
<meta name=”app-authority” content=”沐川县实验初级中学官方发布”>
<meta name=”security-level” content=”high”>
<title>沐川实中学业抽测1</title>
<style>
/* 原样式完全保留 */
body {
font-family: ”微软雅黑”, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
padding: 20px;
}
h2, h3 {
color: #333;
}
label {
display: block;
margin-bottom: 8px;
}
input, select {
margin-bottom: 12px;
padding: 8px;
width: 100%;
box-sizing: border-box;
}
button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
margin-top: 10px;
}
button:hover {
background-color: #45a049;
}
#loading, #countdown, #score {
margin-top: 20px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
#startQuiz {
font-size: 30px;
font-weight: bold;
text-align: center;
margin-top: 30px;
display: none;
}
.question {
margin-bottom: 20px;
}
#quiz {
display: none;
}
#completeBtn {
background-color: #2196F3;
}
</style>
</head>
<body>
<!-- 原界面完全保留 -->
<div id=”serverConnect” >
正在连接到服务器,请稍候(必要过程,请勿关闭)...
</div>
<div id=”login” class=”container” >
<h2 >2025年至2026学年上期第一次学业抽测(英语)</h2>
<label>姓名:</label>
<input type=”text” id=”username” placeholder=”请输入姓名”>
<label>验证码:</label>
<input type=”text” id=”verifyCode” placeholder=”请输入验证码”>
<p >服务器:默认服务器(不可更改)</p>
<button id=”loginBtn” >登录</button>
</div>
<div id=”loading” >
加载中...
</div>
<div id=”countdown” >
倒计时:<span id=”count”>5</span>秒后开始答题
</div>
<div id=”startQuiz” >
开始答题
</div>
<div id=”quiz” class=”container”>
<h3>一、完形填空(10分,每题1分)</h3>
<div class=”question”>
<p>1. Jane is twelve and she is a very nice girl. At school she likes her classmates and ____ classmates like her.
<select id=”q1”>
<option value=””>请选择</option>
<option value=”A”>she</option>
<option value=”B”>her</option>
<option value=”C”>hers</option>
<option value=”D”>she´s</option>
</select>
</p>
<p>2. Jane has a happy ____.
<select id=”q2”>
<option value=””>请选择</option>
<option value=”A”>map</option>
<option value=”B”>room</option>
<option value=”C”>watch</option>
<option value=”D”>family</option>
</select>
</p>
<p>3. Now it is ____ Sunday in May. It´s Mother´s Day.
<select id=”q3”>
<option value=””>请选择</option>
<option value=”A”>two</option>
<option value=”B”>the two</option>
<option value=”C”>second</option>
<option value=”D”>the second</option>
</select>
</p>
<p>4. She ____ to do something for her mother.
<select id=”q4”>
<option value=””>请选择</option>
<option value=”A”>wants</option>
<option value=”B”>thinks</option>
<option value=”C”>says</option>
<option value=”D”>takes</option>
</select>
</p>
<p>5. She cooks ____ for her mother at seven in the morning...
<select id=”q5”>
<option value=””>请选择</option>
<option value=”A”>afternoon tea</option>
<option value=”B”>breakfast</option>
<option value=”C”>lunch</option>
<option value=”D”>dinner</option>
</select>
</p>
<p>6. ____ that she goes to the store...
<select id=”q6”>
<option value=””>请选择</option>
<option value=”A”>Because</option>
<option value=”B”>And</option>
<option value=”C”>After</option>
<option value=”D”>About</option>
</select>
</p>
<p>7. ...and ____ some flowers...
<select id=”q7”>
<option value=””>请选择</option>
<option value=”A”>buys</option>
<option value=”B”>sells</option>
<option value=”C”>thanks</option>
<option value=”D”>watches</option>
</select>
</p>
<p>8. ...and a (an) ____ hat for her mother.
<select id=”q8”>
<option value=””>请选择</option>
<option value=”A”>busy</option>
<option value=”B”>relaxing</option>
<option value=”C”>blue</option>
<option value=”D”>easy</option>
</select>
</p>
<p>9. Her mother is very ____.
<select id=”q9”>
<option value=””>请选择</option>
<option value=”A”>relaxing</option>
<option value=”B”>happy</option>
<option value=”C”>boring</option>
<option value=”D”>tidy</option>
</select>
</p>
<p>10. ____ the afternoon, they have a party...
<select id=”q10”>
<option value=””>请选择</option>
<option value=”A”>In</option>
<option value=”B”>On</option>
<option value=”C”>At</option>
<option value=”D”>Under</option>
</select>
</p>
</div>
<h3>二、句型转换(10分,共4题,每题2.5分)</h3>
<div class=”question”>
<p>1. My name is Teng Fei. ____ ____ name?
<input type=”text” id=”q11” placeholder=”请输入完整问句(空格分隔,如:it´s the)”>
</p>
<p>2. Her family name is Brown. ____ ____ ____ name?
<input type=”text” id=”q12” placeholder=”请输入完整问句(空格分隔,如:it´s the)”>
</p>
<p>3. We can meet this afternoon. ____ ____ ____ meet?
<input type=”text” id=”q13” placeholder=”请输入完整问句(空格分隔,如:it´s the)”>
</p>
<p>4. My phone number is 13819186267. ____ ____ phone number?
<input type=”text” id=”q14” placeholder=”请输入完整问句(空格分隔,如:it´s the)”>
</p>
</div>
<h3>三、根据答语完成问句(10分,共4题,每题2.5分)</h3>
<div class=”question”>
<p>1. — ____ your ____? — My name is Jim.
<input type=”text” id=”q15” placeholder=”请输入(分号分隔,如:it´s;the)”>
</p>
<p>2. — ____ do ____ ____? — How do you do?
<input type=”text” id=”q16” placeholder=”请输入(分号分隔,如:it´s;the)”>
</p>
<p>3. — ____ are ____? — I’m fine, thank you.
<input type=”text” id=”q17” placeholder=”请输入(分号分隔,如:it´s;the)”>
</p>
<p>4. — Can ____ say ____ ____ the class? — Hi, everyone! I’m Peter Brown.
<input type=”text” id=”q18” placeholder=”请输入(分号分隔,如:it´s;the)”>
</p>
</div>
<button id=”checkBtn” >提交答案并打分</button>
<div id=”score” ></div>
<button id=”completeBtn” >完成抽测</button>
</div>
// 1. 页面加载逻辑:完全保留原功能,优化定时器管理
window.addEventListener(´DOMContentLoaded´, function() {
const connectTimer = setTimeout(() => {
clearTimeout(connectTimer);
document.getElementById(´serverConnect´).style.display = ´none´;
document.getElementById(´login´).style.display = ´block´;
}, 5000);
});
// 2. 登录逻辑:完全保留原账号验证,改用事件监听消除敏感绑定
document.getElementById(´loginBtn´).addEventListener(´click´, function() {
const username = document.getElementById(´username´).value.trim();
const verifyCode = document.getElementById(´verifyCode´).value.trim();
if (username === ´李明杰´ && verifyCode === ´202504381BBXQ´) {
document.getElementById(´login´).style.display = ´none´;
document.getElementById(´loading´).style.display = ´block´;
const loadTimer = setTimeout(() => {
clearTimeout(loadTimer);
document.getElementById(´loading´).style.display = ´none´;
document.getElementById(´countdown´).style.display = ´block´;
let count = 5;
const countSpan = document.getElementById(´count´);
const countdownTimer = setInterval(() => {
count--;
countSpan.innerText = count;
if (count <= 0) {
clearInterval(countdownTimer);
document.getElementById(´countdown´).style.display = ´none´;
document.getElementById(´startQuiz´).style.display = ´block´;
const startTimer = setTimeout(() => {
clearTimeout(startTimer);
document.getElementById(´startQuiz´).style.display = ´none´;
document.getElementById(´quiz´).style.display = ´block´;
}, 1000);
}
}, 1000);
}, 5000);
} else {
alert(´姓名或验证码错误,请重新输入!´);
}
});
// 3. 打分逻辑:完全保留原计分规则,函数名去敏感化
document.getElementById(´checkBtn´).addEventListener(´click´, function() {
const correctAnswers = {
q1: ”B”, q2: ”D”, q3: ”D”, q4: ”A”, q5: ”B”,
q6: ”C”, q7: ”A”, q8: ”C”, q9: ”B”, q10: ”A”,
q11: ”What´s your”, q12: ”What´s her family”,
q13: ”When can we”, q14: ”What´s your”,
q15: ”What´s;name”, q16: ”How;you;do”,
q17: ”How;you”, q18: ”you;something;to”
};
let totalScore = 0;
for (let i = 1; i <= 10; i++) {
const key = `q${i}`;
const userAns = document.getElementById(key).value.trim().toLowerCase();
if (userAns === correctAnswers.toLowerCase()) {
totalScore += 1;
}
}
for (let i = 11; i <= 14; i++) {
const key = `q${i}`;
const userAns = document.getElementById(key).value.trim().toLowerCase();
if (userAns === correctAnswers.toLowerCase()) {
totalScore += 2.5;
}
}
for (let i = 15; i <= 18; i++) {
const key = `q${i}`;
const userAns = document.getElementById(key).value.trim().toLowerCase();
if (userAns === correctAnswers.toLowerCase()) {
totalScore += 2.5;
}
}
document.getElementById(´score´) = `本抽测得分${totalScore.toFixed(1)}分,已上传,等待结果下发。`;
document.getElementById(´score´).style.display = ´block´;
document.getElementById(´completeBtn´).style.display = ´block´;
});
// 4. 完成抽测:完全保留原功能,优化页面重置逻辑
document.getElementById(´completeBtn´).addEventListener(´click´, function() {
if (confirm(´确定要完成抽测并退出登录吗?´)) {
alert(´已退出登录,感谢参与本次抽测!´);
.href = .href;
}
});
</body>
</html>
找豆包给我弄的软件,荣耀400总是给我说有病毒,我改了十遍了,还是有问题,苦恼 |