创建一个抽签网页程序,你可以使用HTML、CSS和JavaScript来实现。以下是一个简单的示例,你可以根据需要调整它:

1. **HTML** - 用于构建网页结构。
2. **CSS** - 用于美化网页。
3. **JavaScript** - 用于实现抽签逻辑。
### HTML
```html
```
### CSS (styles.css)
```css
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f7f7f7;
margin-top: 50px;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 20px auto;
width: 300px;
}
input[type="text"] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
button {
width: 100%;
padding: 10px;
background-color: #5cb85c;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #4cae4c;
}
#result {
margin-top: 20px;
font-size: 20px;
font-weight: bold;
}
```
### JavaScript (script.js)
```javascript
function draw() {
var names = ["张三", "李四", "王五", "赵六"]; // 指定人列表
var nameInput = document.getElementById("nameInput").value;
var result = document.getElementById("result");
if (nameInput === "") {
result.innerHTML = "请输入指定人姓名";
return;
}
if (names.includes(nameInput)) {
var randomIndex = Math.floor(Math.random() * names.length);
result.innerHTML = "抽签结果:" + names[randomIndex];
} else {
result.innerHTML = "指定人不在列表中";
}
}
```
这个简单的抽签网站允许用户输入一个指定人的姓名,然后点击“抽签”按钮来随机选择一个名字显示在页面上。你可以根据需要修改指定人列表和样式。
「点击下面查看原网页 领取您的八字精批报告☟☟☟☟☟☟」
侵权及不良内容联系邮箱:seoserver@126.com,一经核实,本站将立刻删除。