年会抽奖经典案例显示姓名 js
时间: 2023-10-02 17:13:28 浏览: 56
抽奖经典案例一般是通过随机数来确定获奖者的。以下是一个简单的示例代码,可以用 JavaScript 实现:
```javascript
// 定义参加抽奖的人员名单
var names = ["张三", "李四", "王五", "赵六", "钱七", "孙八", "周九", "吴十"];
// 随机生成一个获奖者
var winnerIndex = Math.floor(Math.random() * names.length);
var winnerName = names[winnerIndex];
// 输出获奖者姓名
console.log("恭喜 " + winnerName + " 获得了大奖!");
```
在上面的代码中,`names` 数组中存储了参加抽奖的所有人员姓名。`Math.random()` 函数返回一个 [0,1) 范围内的随机浮点数,通过乘以 `names.length` 并向下取整,可以得到一个在 [0,names.length-1] 范围内的随机整数,即获奖者在 `names` 数组中的下标。最后,通过 `names[winnerIndex]` 可以获取到获奖者的姓名。
相关问题
年会抽奖github
年会抽奖是一项令人期待的活动,而Github作为一个优秀的软件开发平台,可以为年会抽奖增添更多的乐趣和创意。
首先,在Github上创建一个专门用于年会抽奖的仓库。在仓库的README文件中,列出所有参与抽奖的员工名单,并使用Markdown语法进行格式化,使其更加美观易读。
其次,利用Github的Issue功能来进行抽奖活动。通过创建一个Issue,将其作为抽奖的主题,并在内容中规定抽奖的规则和奖品,例如:抽取三等奖的员工将获得小礼品,二等奖将获得护脖枕等,让大家可以提前了解具体的抽奖细则。
然后,利用Github的评论功能来进行参与抽奖的报名。员工可以在对应的Issue中留下自己的评论或者回复,表示自己的参与意愿。这样,大家可以方便地参与抽奖,也方便组织者进行统计。
最后,使用Github的随机数生成器功能来进行实际的抽奖。可以通过编写一段简单的代码,在仓库中创建一个新的分支,将所有参与抽奖的员工名字放入一个数组中,并使用随机数生成器从中抽取获奖名单。在抽奖结果出炉后,将结果公布在仓库的评论区中,让大家可以实时了解获奖情况。
通过利用Github进行年会抽奖,不仅可以提高工作效率,还兼具互动性与趣味性。同时,通过版本控制和可追溯性,抽奖结果的公正性也能得到保证。这样的抽奖方式将以数字化的形式落地,为年会增添一份新鲜感和创新力。
请用js写一个年会抽奖程序
抽奖程序的基本思路如下:
1. 定义一个数组,里面存储所有参加抽奖的人的姓名。
2. 点击“开始抽奖”按钮后,随机生成一个数组下标,即获奖者的索引。
3. 将获奖者的姓名显示在页面上。
下面是一个简单的示例代码:
HTML:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>年会抽奖</title>
</head>
<body>
<h1>年会抽奖</h1>
<p>参加抽奖的人员名单:</p>
<ul id="name-list">
<li>小明</li>
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>赵六</li>
</ul>
<button id="start-btn">开始抽奖</button>
<p id="result"></p>
<script src="app.js"></script>
</body>
</html>
```
JS:
```
// 获取参加抽奖的人员名单
var names = document.querySelectorAll('#name-list li');
// 定义一个函数,用于生成随机数
function getRandomIndex(max) {
return Math.floor(Math.random() * Math.floor(max));
}
// 获取开始抽奖按钮和结果显示区域
var startBtn = document.querySelector('#start-btn');
var result = document.querySelector('#result');
// 点击开始抽奖按钮后,随机生成一个获奖者的索引,并将其姓名显示在页面上
startBtn.addEventListener('click', function() {
// 生成随机数
var randomIndex = getRandomIndex(names.length);
// 获取获奖者的姓名
var winnerName = names[randomIndex].textContent;
// 将获奖者的姓名显示在页面上
result.textContent = '恭喜' + winnerName + '获得大奖!';
});
```
在这个示例中,我们使用了 `querySelectorAll` 方法获取了所有参加抽奖的人员名单,并将其存储在 `names` 变量中。然后,我们定义了一个 `getRandomIndex` 函数,用于生成随机数。该函数接受一个参数 `max`,表示随机数的最大值。我们使用 `Math.random()` 方法生成一个介于 0 和 1 之间的随机数,然后将其乘以 `max` 并取整,得到一个介于 0 和 `max-1` 之间的随机整数。接着,我们使用 `querySelector` 方法获取了开始抽奖按钮和结果显示区域,并为开始抽奖按钮添加了一个 `click` 事件监听器。当用户点击开始抽奖按钮时,我们调用 `getRandomIndex` 函数生成一个随机数,然后使用该随机数获取获奖者的姓名,并将其显示在结果显示区域中。