本文介绍了如何使用VSCode创建猜数字游戏和简单计时器。在猜数字游戏中，通过`random`函数生成随机数并利用if语句处理用户输入。在计时器部分，使用`setInterval`实现计数，`clearInterval`实现暂停和重新计数。同时提供了HTML和CSS的基本应用示例。
目录
二、使用’clearInterval‘函数实现暂停计数和重新计数效果
猜数字游戏
一、使用‘random’函数获取随机数
本题的关键在于利用‘random’函数获取随机数 ，但是‘random’方法获取的是[0，1）范围的随机数，这显然不太适合用来猜，所以我们一般把它乘以100，转换为整型，这样它的范围就是[0,100)，这样就比较符合题意了，代码如下：
parseInt(Math.random(0,1)*100)
二、 分情况讨论输入值大小情况
这个题目的另一个关键点在于怎么才能使用户猜对数字，如果猜不对，那么这个游戏将没有意义，所以，对于用户的输入值，我们必须帮助用户进行判断大小，并进行提示，这样才是一个标准的写法，那判断的话，我们首先想到的就是if语句了，这题只需要考虑4种情况就行，代码示例如下：
if (isNaN(num) || num < 1 || num > 100) {
this.result = "输入有误，请重新输入";
this.guess = "";
} else {
if (num === this.codekey) {
this.result = "恭喜你猜对了!!!";
}
。。。。。
}
三、HTML代码
<body>
<div id="root">
<h1>猜数字游戏</h1>
<div id="div_1">
<input v-model="guess" type="text" @keyup.enter="doGuess"/>
</div>
<div id="div_2">
<button @click="doGuess">提交</button>
</div>
<div id="div_3">
<h1>{
{result}}</h1>
</div>
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
