第一段代码:wxml 中
<form bindsubmit="formCompare">
<view class="text">
<text>请输入第一个数字:</text>
<input type="number" name="num1" />
</view>
<view class="text">
<text>请输入第二个数字:</text>
<input type="number" name="num2" />
</view>
<button form-type="submit">比较</button>
</form>
<view>
<text>比较结果:{{result}}</text>
</view>
第二段代码 js 中
Page({
data: {
num1: "", //data中新增num1
num2: "", //data中新增num2
result: ""
},
formCompare: function (e) {
var str = '两数相等'
var num1 = Number(e.detail.value.num1)
var num2 = Number(e.detail.value.num2)
if (num1 > num2) {
str = "第一个数大"
} else if (num1 < num2) {
str = "第二个数大"
}
this.setData({ result: str})
},
})
第三段代码:wxss 中
.text{
display: flex;
justify-content: flex-start;
margin-top: 30rpx;
}
button{
background-color: #369;
color: aliceblue;
display: flex;
justify-content: center;
align-items: center;
height: 80rpx;
border-radius: 15rpx;
width: 80%;
margin-right: 10%;
margin-left: 10%;
margin-top: 20rpx;
}