南昌高端网站定制,网站的头尾和导航的公用文件,咋样做班级主页网站,linux vps wordpress可以添加成员#xff0c;成员名称自定义
可以对各个成员加分减分➕➖
可以删除成员
源码在图片下面#xff0c;记得点赞加关注❤️❤️❤️
界面 源代码
!DOCTYPE html html langen head meta charsetUTF-8成员名称自定义
可以对各个成员加分减分➕➖
可以删除成员
源码在图片下面记得点赞加关注❤️❤️❤️
界面 源代码
!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title在线积分系统/title style body { font-family: Arial, sans-serif; background-color: #f8f9fa; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); width: 80%; } table { width: 100%; border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #ddd; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } tr:nth-child(even) { background-color: #f2f2f2; } button { background-color: #dc3545; color: white; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; margin-right: 5px; } button:hover { background-color: #c82333; } .add-member { display: flex; justify-content: space-between; margin-bottom: 20px; } /style /head body div classcontainer h2在线积分系统/h2 div classadd-member input typetext idmemberName placeholder输入成员名称 button οnclickaddMember()添加成员/button /div table thead tr th成员/th th分数/th th操作/th /tr /thead tbody idmembersTableBody /tbody /table /div script const membersTableBody document.getElementById(membersTableBody); const memberNameInput document.getElementById(memberName); const members []; function addMember() { const memberName memberNameInput.value.trim(); if (memberName) { members.push({ name: memberName, score: 0 }); memberNameInput.value ; renderMembers(); } } function removeMember(memberIndex) { members.splice(memberIndex, 1); renderMembers(); } function adjustScore(memberIndex, delta) { members[memberIndex].score delta; renderMembers(); } function renderMembers() { membersTableBody.innerHTML ; members.forEach((member, index) { const row tr td${member.name}/td td${member.score}/td td button οnclickadjustScore(${index}, 1)1/button button οnclickadjustScore(${index}, -1)-1/button button οnclickremoveMember(${index})删除/button /td /tr ; membersTableBody.insertAdjacentHTML(beforeend, row); }); } // 初始化渲染成员列表 renderMembers(); /script /body /html
