在本篇文章中，我們將介紹一種用 HTML 編寫的抽簽分小組代碼，幫助您隨機將團隊分成幾個小組，以便更好地協作。
<!DOCTYPE html>
<html>
<head>
<title>抽簽分小組</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>抽簽分小組</h1>
<form onsubmit="return false">
<label for="students">輸入學生姓名，以逗號分隔</label>
<input type="text" id="students" name="students">
<button onclick="grouping()">分組</button>
</form>
<ul id="groups"></ul>
<script>
function grouping() {
var students = document.getElementById("students").value.split(",");
var groups = [];
var groupNum = Math.ceil(students.length / 3);
for(var i = 0; i < groupNum; i++) {
groups[i] = [];
}
for(var j = 0; j < students.length; j++) {
var index = j % groupNum;
groups[index].push(students[j]);
}
var list = document.getElementById("groups");
list.innerHTML = "";
for(var k = 0; k < groups.length; k++) {
var group = groups[k];
var groupItem = document.createElement("li");
groupItem.innerText = "小組 " + (k+1) + ": " + group.join(", ");
list.appendChild(groupItem);
}
}
</script>
</body>
</html>這個代碼包括一個表單和一個 JavaScript 函數，點擊“分組”按鈕，它將把輸入表單中的學生名字隨機分配到三個小組中，并輸出每個小組的成員名單。算法是將學生列表按順序輪流分配到小組里。
如果要使用這個代碼，請在自己的 HTML 文件中復制粘貼代碼，根據需要進行修改。
下一篇html 一起設置邊距