14
22
一页代码能做随机点名？
2026-10-10 10:50:59
0点赞
0收藏
0评论
随机点名器
每行输入一个名字，点击按钮抽取一人。名单只在当前浏览器中使用，不会上传或保存。
参与名单请输入至少一个名字
开始点名
本次结果
<ｓｃｒｉｐｔ>
const namesInput = document.querySelector('#names');
const count = document.querySelector('#count');
const draw = document.querySelector('#draw');
const selected = document.querySelector('#selected');
function getNames() {
return [...new Set(namesInput.value.split(/r?n/).map(name => name.trim()).filter(Boolean))];
}
namesInput.addEventListener('input', () => {
const total = getNames().length;
count.textContent = total ? `已准备 ${total} 个名字（重复名字只计一次）` : '请输入至少一个名字';
draw.disabled = total === 0;
selected.textContent = total ? '点击按钮开始' : '等待输入';
});
draw.addEventListener('click', () => {
const names = getNames();
if (names.length === 0) return;
selected.textContent = names[Math.floor(Math.random() * names.length)];
});
ｓｃｒｉｐｔ>等待输入
作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～
