用js实现/猜数字游戏 1/先生成[1,100]的伪随机整数 1/用户通过文本框输入猜的数,比较大小。如果没猜中,提示下次可猜数的访问 1/猜拳游戏 1/电脑生成随机整数1、2、3分别代表石头、剪子、布 1/用户通过文本框输入1、2、3,再显示结果
时间: 2024-11-20 20:39:35 浏览: 22
在JavaScript中实现猜数字游戏的基本步骤如下:
1. **初始化**:首先创建一个变量存储生成的随机数,比如 `let randomNumber = Math.floor(Math.random() * 100) + 1;`,范围从1到100。
2. **用户输入**:设置一个HTML输入元素让用户输入猜测的数字,例如一个 `<input type="number">` 元素。当用户提交后,获取并处理输入。
```javascript
const userInput = document.getElementById('guess-input').value;
```
3. **比较和反馈**:将用户输入与随机数比较,然后根据结果给出提示。如果猜大了或猜小了,可以使用条件语句(如 `if` 和 `else if`) 来实现。
```javascript
if (userInput < randomNumber) {
console.log("你猜的数小了");
} else if (userInput > randomNumber) {
console.log("你猜的数大了");
} else {
console.log("恭喜,你猜对了!");
}
```
4. **猜拳游戏**:
- 为了实现石头、剪刀、布的游戏,你可以创建三个函数分别对应这三种选择,比如 `rock()`, `scissors()`, 和 `paper()`。
- 获取用户的输入,转换成对应的数字,然后对比电脑的选择。
5. **电脑随机选择**:用类似的方法,生成1、2、3的随机数来代表选择。
6. **结果展示**:在用户做出选择后,立即显示电脑的选择和结果,也可以在DOM上更新元素显示。
```javascript
function computerChoice() {
const choices = ['rock', 'scissors', 'paper'];
return choices[Math.floor(Math.random() * choices.length)];
}
// 获取用户输入后...
const userChoice = parseInt(userInput);
const computerChoiceStr = computerChoice();
switch (true) {
case userChoice === 1 && computerChoiceStr === 'rock':
// 用户出石头,电脑出石头
// ...余下两个情况
default:
console.log(`你出了${userChoice},电脑出了${computerChoiceStr}`);
break;
}
```
阅读全文