用js简单的写一个抽奖
时间: 2023-10-19 19:05:11 浏览: 36
好的,以下是一个简单的抽奖代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>抽奖</title>
</head>
<body>
<h1>抽奖</h1>
<p>点击下面的按钮抽奖!</p>
<button id="drawButton">抽奖</button>
<p id="result"></p>
<script>
// 奖品列表
const prizes = ['一等奖', '二等奖', '三等奖', '参与奖'];
// 抽奖函数
function draw() {
// 生成一个随机数,作为奖品的索引值
const index = Math.floor(Math.random() * prizes.length);
// 显示抽中的奖品
document.getElementById('result').textContent = `恭喜你获得了:${prizes[index]}!`;
}
// 绑定抽奖按钮的点击事件
document.getElementById('drawButton').addEventListener('click', draw);
</script>
</body>
</html>
```
这个代码会在页面上显示一个按钮,点击按钮后会随机抽取一个奖品,并在页面上显示抽中的奖品。你可以根据自己的需求修改奖品列表和显示的内容。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)