帮我写个html程序,'张鹏程', '闫子恒', '许迈文', '王玉涵', '徐善鹏', '徐兴宇', '丁登辉', '吴坤'点击这些人的名字随机分配周一到周日排班
时间: 2024-09-26 22:05:53 浏览: 35
当然可以,这是一个基本的HTML和JavaScript程序,它使用了`<a>`标签来链接员工姓名,并通过JavaScript随机分配一周的工作日:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>员工排班</title>
<style>
a {
cursor: pointer;
margin-right: 10px;
}
</style>
</head>
<body>
<h1>员工排班表</h1>
<div id="schedule"></div>
<!-- 员工姓名及链接 -->
<ul>
<li><a onclick="assignShift('张鹏程')">张鹏程</a></li>
<li><a onclick="assignShift('闫子恒')">闫子恒</a></li>
<li><a onclick="assignShift('许迈文')">许迈文</a></li>
<li><a onclick="assignShift('王玉涵')">王玉涵</a></li>
<li><a onclick="assignShift('徐善鹏')">徐善鹏</a></li>
<li><a onclick="assignShift('徐兴宇')">徐兴宇</a></li>
<li><a onclick="assignShift('丁登辉')">丁登辉</a></li>
<li><a onclick="assignShift('吴坤')">吴坤</a></li>
</ul>
<script>
// 临时存储分配结果
let shifts = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
function assignShift(employee) {
let selectedDay = shifts[Math.floor(Math.random() * shifts.length)];
document.getElementById("schedule").innerHTML += `<p>${employee} 的排班:${selectedDay}</p>`;
shifts.splice(shifts.indexOf(selectedDay), 1); // 从列表中移除已分配的日期
}
// 初始化至少一个员工的排班
assignShift('张鹏程');
</script>
</body>
</html>
阅读全文