1.乘法口诀表
代码如下:
<!--pages/nine/nine.wxml-->
<view wx:for="{{arr}}"wx:for-item="i">
<view style="display: inline-block; " wx:for="{{arr}}" wx:for-item="j">
<view wx:if="{{ j>=i }}">
{{i}}*{{j}}={{i*j}}
</view>
</view>
</view>
Page({
data: {
arr:[1,2,3,4,5,6,7,8,9]
},
})
2.水仙花数目
代码如下:
Page({
data:{
narcissisticNumbers: []
},
onLoad: function () {
this.Numbers();
},
Numbers: function (){
const numbers =[];
for (let i=100;i<1000;i++){
const a = Math.floor(i / 100);
const b = Math.floor((i % 100) / 10); const c=i% 10;
if (a ** 3 + b** 3 +c**3===i){
numbers.push(i);}}
this.setData({
narcissisticNumbers: numbers});
}
});
{
"navigationBarBackgroundColor": "#000000",
"navigationBarTitleText": "水仙花数",
"navigationBarTextStyle": "white",
"backgroundTextStyle": "dark"
}
<view class="container">
<view class="narcissistic-numbers">
<text wx:for="{{narcissisticNumbers}}" wx:key="*this">{{item}}</text></view>
</view>
3.输入水仙花数
代码如下:
<view class="container">
<view class="title">水仙花数判断</view>
<input class="input" placeholder="请输入一个三位数" bindinput="inputChange" />
<button class="button" bindtap="checkNumber">验证</button>
<view class="result">{{result}}</view>
</view>
{
"navigationBarBackgroundColor": "#000000",
"navigationBarTitleText": "水仙花",
"navigationBarTextStyle": "white",
"backgroundTextStyle": "dark"
}
// pages/whter/whther-2.js
Page({
data: {
result: ''
},
inputChange(e) {
this.setData({
number: e.detail.value
})
},
checkNumber() {
const number = this.data.number;
if (number.length !== 3) {
this.setData({
result: '请输入一个三位数'
})
return;
}
const digit1 = parseInt(number.charAt(0));
const digit2 = parseInt(number.charAt(1));
const digit3 = parseInt(number.charAt(2));
const sum = Math.pow(digit1, 3) + Math.pow(digit2, 3) + Math.pow(digit3, 3);
if (sum === parseInt(number)) {
this.setData({
result: '是水仙花数'
})
} else {
this.setData({
result: '不是水仙花数'
})
}
}
})
4.菱形
代码如下:
// pages/lozenge/lozenge.js
Page({
/**
* 页面的初始数据
*/
data: {
arr:[1,2,3,4,5]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})
<!--pages/lozenge/lozenge.wxml-->
<view>
<text decode="true"> *</text>
</view>
<view>
<text decode="true"> ***</text>
</view>
<view>
<text decode="true"> *****</text>
</view>
<view>
<text decode="true"> *******</text>
</view>
<view>
<text decode="true"> *********</text>
</view>
<view>
<text decode="true"> *********</text>
</view>
<view>
<text decode="true"> *******</text>
</view>
<view>
<text decode="true"> *****</text>
</view>
<view>
<text decode="true"> ***</text>
</view>
<view>
<text decode="true"> *</text>
</view>