黑龙江网站建设工作室,网页制作教程pdf,wordpress如何转载别人的文章,做3d兼职网站目录
效果图
app.json
一、首页#xff08;index3#xff09;的代码
wxml代码
wxss代码
二、猜数字页面#xff08;index#xff09;代码
wxml代码
wxss代码
js代码
三.游戏规则页面#xff08;logs#xff09;代码
wxml代码
wxss代码
四.猜拳页面#xff…目录
效果图
app.json
一、首页index3的代码
wxml代码
wxss代码
二、猜数字页面index代码
wxml代码
wxss代码
js代码
三.游戏规则页面logs代码
wxml代码
wxss代码
四.猜拳页面q1代码
wxml代码
wxss代码
js代码 效果图 app.json 一、首页index3的代码
wxml代码
view classbox2navigator url../index/indexbutton typedefault猜数字/button/navigator
/view
view classbox2navigator url../logs/logsbutton typeprimary游戏规则/button/navigator
/view
view classbox3navigator url../q1/q1button typedefault猜拳/button/navigator
/view
wxss代码
.box2{margin-top: 200rpx;width: 100%;height: 100rpx;
}
.box3{margin-top: 240rpx;width: 100%;height: 100rpx;
}
二、猜数字页面index代码
wxml代码
view classcontainerinput typenumber placeholder输入1到100的数字 bindinputonInputChange/button bindtapmakeGuess猜数字/buttontext{{message}}/textviewtext猜数字历史\n/textblock wx:for{{guesses}} wx:key*thistext第{{index 1}}次: {{item.num}} - {{item.hint}}\n/text/block/view
/view
wxss代码
.container {padding: 20px;
}input {width: 100%;border: 1px solid #ccc;padding: 10px;margin-bottom: 10px;
}button {width: 100%;background-color: #1aad19;color: white;padding: 10px;border: none;
}.history {margin-top: 20px;
}.history text {display: block;
}js代码
Page({data: {numberToGuess: null,guesses: [],guessCount: 0,inputNumber: ,message: ,hint: },onLoad: function() {this.startNewGame();},startNewGame: function() {const randomNum Math.round(Math.random() * 100) 1;this.setData({numberToGuess: randomNum,guesses: [],guessCount: 0,message: 开始猜数字吧,hint: });},onInputChange: function(e) {this.setData({inputNumber: e.detail.value});},makeGuess: function() {const guess parseInt(this.data.inputNumber, 10);if (isNaN(guess) || guess 1 || guess 100) {this.setData({ message: 请输入1到100之间的数字。 });return;}let newHint ;if (guess this.data.numberToGuess) {newHint 猜对了;this.setData({message: 恭喜你猜对了游戏即将重新开始。,hint: newHint});setTimeout(() {this.startNewGame();}, 2000);} else {newHint guess this.data.numberToGuess ? 猜小了 : 猜大了;this.setData({message: 继续猜...,hint: newHint});}const count this.data.guessCount 1;const guesses this.data.guesses.concat({ num: guess, hint: newHint });this.setData({guessCount: count,guesses: guesses});if (count 5) {this.setData({message: 游戏结束即将跳转...});setTimeout(() {wx.navigateTo({url: /pages/index3/index3 });}, 2000);}}
});三.游戏规则页面logs代码
wxml代码
view classdemo-box
text1.游戏仅供娱乐2.此游戏有很多不足3.玩家可以提供您宝贵意见
/text
/viewwxss代码
.demo-box{display: flex;flex-direction: column;align-items: center;justify-content: space-around;height: 100vh;
}
text{margin: 0 50rpx;line-height: 100rpx;
}
四.猜拳页面q1代码
wxml代码
view classcontainerbutton bindtapmakeChoice data-choicescissors剪刀/buttonbutton bindtapmakeChoice data-choicerock石头/buttonbutton bindtapmakeChoice data-choicepaper布/buttontext玩家胜利次数{{playerWins}}/texttext电脑胜利次数{{computerWins}}/texttext平局次数:{{draws}}/texttext{{message}}/text
/viewwxss代码
.container {display: flex;flex-direction: column;align-items: center;justify-content: center;
}button {margin: 10px;
}js代码
Page({data: {playerWins: 0,computerWins: 0,draws: 0,message: },makeChoice: function(event) {const playerChoice event.currentTarget.dataset.choice;const choices [scissors, rock, paper];const computerChoice choices[Math.round(Math.random() * choices.length)];const result this.judge(playerChoice, computerChoice);if (result win) {this.setData({playerWins: this.data.playerWins 1,message: 你赢了这一轮});} else if (result lose) {this.setData({computerWins: this.data.computerWins 1,message: 电脑赢了这一轮});} else {this.setData({draws: this.data.draws 1,message: 这一轮是平局});}this.checkGameEnd();},judge: function(player, computer) {if (player computer) {return draw;}if ((player scissors computer paper) ||(player rock computer scissors) ||(player paper computer rock)) {return win;}return lose;},checkGameEnd: function() {if (this.data.playerWins 2 || this.data.computerWins 2) {wx.navigateTo({url: /pages/index3/index3 });}}
});
