From 908b7b86d9d9e38812bf0865a365f286dbd28661 Mon Sep 17 00:00:00 2001 From: p4ut7fwj5 <3346195219@qq.com> Date: Thu, 10 Oct 2024 23:53:36 +0800 Subject: [PATCH] ADD file via upload --- script.js | 122 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 122 insertions(+) create mode 100644 script.js diff --git a/script.js b/script.js new file mode 100644 index 0000000..b997e10 --- /dev/null +++ b/script.js @@ -0,0 +1,122 @@ +document.addEventListener("DOMContentLoaded", () => { + let students = []; + let scores = {}; + + // 读取 Excel 文件 + document.getElementById('fileInput').addEventListener('change', (event) => { + const file = event.target.files[0]; + if (!file) return; + + const reader = new FileReader(); + reader.onload = (e) => { + const data = new Uint8Array(e.target.result); + const workbook = XLSX.read(data, { type: 'array' }); + const sheet = workbook.Sheets[workbook.SheetNames[0]]; + const jsonData = XLSX.utils.sheet_to_json(sheet, { header: 1 }); + + // 将数据转化为学生对象 + students = jsonData.slice(1).map(row => ({ + id: row[0], + name: row[1], + score: 0 // 初始积分为0 + })); + + // 初始化每个学生的积分 + students.forEach(student => { + scores[student.id] = 0; + }); + + console.log('学生名单加载成功:', students); + document.getElementById('normalModeButton').classList.remove('hidden'); + document.getElementById('advancedModeButton').classList.remove('hidden'); + document.getElementById('viewRankButton').classList.remove('hidden'); + }; + + reader.readAsArrayBuffer(file); + }); + + // 普通模式按钮 + document.getElementById('normalModeButton').addEventListener('click', () => { + selectStudent('普通模式'); + }); + + // 进阶模式按钮 + document.getElementById('advancedModeButton').addEventListener('click', () => { + selectStudent('进阶模式'); + }); + + // 查看积分排行榜 + document.getElementById('viewRankButton').addEventListener('click', () => { + displayRankTable(); + }); + + // 退出按钮 + document.getElementById('exitButton').addEventListener('click', () => { + window.close(); // 关闭网页 + }); + + // 随机选择学生 + function selectStudent(mode) { + if (students.length === 0) { + alert('学生名单尚未加载!'); + return; + } + + const selectedStudent = students[Math.floor(Math.random() * students.length)]; + const studentInfo = document.getElementById('studentInfo'); + studentInfo.classList.remove('hidden'); + + // 随机生成积分(1-3分)作为示例 + const pointsEarned = Math.random() > 0.5 ? 1 : Math.floor(Math.random() * 3) + 1; + updateScore(selectedStudent.id, pointsEarned); // 更新积分 + + // 动态显示学生信息和积分变化 + studentInfo.innerHTML = ` + 模式: ${mode}
姓名: ${selectedStudent.name}
学号: ${selectedStudent.id}
+ 获得积分: ${pointsEarned} 分 + `; + + // 添加动画效果 + const pointsSpan = document.querySelector('.points-earned'); + pointsSpan.style.animation = 'pop-in 0.5s ease'; + + // 延时移除动画效果 + setTimeout(() => { + pointsSpan.style.animation = ''; + }, 500); + } + + // 更新学生积分 + function updateScore(studentId, points) { + scores[studentId] += points; + console.log('更新积分:', scores); + } + + // 显示积分排行榜,从高到低排序 + function displayRankTable() { + const rankList = document.getElementById('rankList'); + rankList.innerHTML = ''; + + // 按积分从高到低排序 + const sortedStudents = students.sort((a, b) => scores[b.id] - scores[a.id]); + + sortedStudents.forEach(student => { + const tr = document.createElement('tr'); + const tdId = document.createElement('td'); + tdId.textContent = student.id; + + const tdName = document.createElement('td'); + tdName.textContent = student.name; + + const tdScore = document.createElement('td'); + tdScore.textContent = scores[student.id]; + + tr.appendChild(tdId); + tr.appendChild(tdName); + tr.appendChild(tdScore); + rankList.appendChild(tr); + }); + + document.getElementById('rankTable').classList.remove('hidden'); + } +});