一个简单的猜数游戏，在1-100内随机取值，然后让玩家去猜测。比较玩家输入和预定随机值，如果相同就提示猜对了，否则提示猜小了或猜大了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../vue.js"></script>
<title>猜数游戏</title>
</head>
<body>
<div id="app">
<p>
<input type="text" placeholder="猜数游戏" v-model="guessed"/>
<p>{{result}}</p>
</p><br>
<button @click="myrandom()">刷新</button>
</div>
</body>
<script>
let vm = new Vue({
el:'#app',
data:{
guessed:'',
randNum:55
},
template:``,
methods:{
myrandom(){
this.randNum = Math.round(Math.random()*100);
}
},
computed:{
result:{
get(){
const key = this.randNum;
const value = parseInt(this.guessed);
if(isNaN(value)){
return "请输入1~100的整数";
}
if(value===key){
return "猜对了";
}
if(value>key){
return "太大了";
}
return "太小了";
}
}
}
})
</script>
</html>
扫一扫
1324
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
