Vue实现一个猜数小游戏
个人作业，没什么东西
废话不多讲，直接上代码
<script src="./vue.js"></script>
<style>
div.app{width: 250px;
margin: 30px auto;
padding: 10px;
border: 1px solid #0ff;
border-radius: 15px;}
p{text-align: center;}
</style>
</head>
<body>
<div id="app">
<p>
<input type="text" placeholder="蛇皮游戏" v-model="guessed">
</p>
<p>{{result}}</p>
</div>
<script>
let vm = new Vue({el:"#app",
data:{guessed:''},
computed:{result(){const key = 87;
const value = parseInt(this.guessed);//如果输入的数字不能转换成整数
if(isNaN(value))return"踩一个1到100的整数";
if(value === key)return"叼毛，你猜对了";
if(value > key)return "大了，小点";
return "小了，大点";}}
})
</script>
</body>
然后是效果图
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)