web作业:程序随机生成1个1-25之间的数,用户可以输入5个数,5个数中只要有一个和程序生成的数相等,就弹窗中奖了,否则 弹窗没中奖。
时间: 2024-10-18 20:07:46 浏览: 15
这是一个简单的Web应用练习,你可以通过JavaScript实现。以下是步骤:
1. **创建随机数**:首先,在HTML文件中引入JavaScript,并编写一个函数来生成1到25的随机整数。
```html
<script>
function generateRandomNumber() {
return Math.floor(Math.random() * 25) + 1;
}
</script>
```
2. **获取用户输入**:创建一个表单让用户输入五个数字,可以使用`<input type="number">`元素。
```html
<form id="userInputForm">
<label for="num1">请输入第一个数:</label>
<input type="number" id="num1" name="num1"><br>
<!-- 添加其他四个输入框 -->
<!-- ... -->
<button onclick="checkWin()">提交</button>
</form>
```
3. **检查并显示结果**:当用户点击“提交”按钮,调用`checkWin`函数,它会获取用户输入并检查是否有匹配的数字。
```javascript
function checkWin() {
const inputNumbers = document.querySelectorAll('#userInputForm input[name="num"]');
let hasMatch = false;
let randomNumber = generateRandomNumber();
for (let i = 0; i < inputNumbers.length; i++) {
if (parseInt(inputNumbers[i].value) === randomNumber) {
hasMatch = true;
break;
}
}
if (hasMatch) {
alert("恭喜,您中奖了!");
} else {
alert("很遗憾,您这次没中奖。");
}
}
```
阅读全文