第二章作业

m0_心事

已于 2024-03-10 15:38:24 修改

阅读量363

点赞数 5

文章标签：微信小程序小程序

于 2024-03-10 15:29:53 首次发布

本文链接：https://blog.csdn.net/m0_74196159/article/details/136602415

版权

1.乘法口诀表：

WXML文件代码:

<!--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>

JS文件代码：

// pages/nine/nine.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    arr:[1,2,3,4,5,6,7,8,9]
  },

  
})

运行结果：

2.水仙花数目：

JS文件代码：

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});
}
  });

json代码:


{
  "navigationBarBackgroundColor": "#000000",
  "navigationBarTitleText": "水仙花数",
  "navigationBarTextStyle": "white",
  "backgroundTextStyle": "dark"
}

wxml代码：

<!--pages/whter/whther.wxml-->

<view class="container">

<view class="narcissistic-numbers">
<text wx:for="{{narcissisticNumbers}}" wx:key="*this">{{item}}</text></view>
</view>

运行结果：

3.在页面中输出水仙花数：

js代码

// 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: '不是水仙花数'
      })
    }
  }
})

json代码：

{
  "navigationBarBackgroundColor": "#000000",
  "navigationBarTitleText": "水仙花",
  "navigationBarTextStyle": "white",
  "backgroundTextStyle": "dark"
}

wxml代码：

<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>

运行结果：

4.菱形图案：

json代码：

{
  "usingComponents": {}
}

wxml代码：

<!--pages/lozenge/lozenge.wxml-->


<view>
<text decode="true">  &nbsp; &nbsp; &nbsp; &nbsp;*</text>
</view>
<view>
<text decode="true"> &nbsp; &nbsp; &nbsp;***</text>
</view>
<view>
<text decode="true">  &nbsp; &nbsp;*****</text>
</view>
<view>
<text decode="true"> &nbsp;*******</text>
</view>
<view>
<text decode="true"> *********</text>
</view>
<view>
<text decode="true"> *********</text>
</view>
<view>
<text decode="true"> &nbsp;*******</text>
</view>
<view>
<text decode="true">  &nbsp; &nbsp;*****</text>
</view>
<view>
<text decode="true"> &nbsp; &nbsp; &nbsp;***</text>
</view>
<view>
<text decode="true">  &nbsp; &nbsp; &nbsp; &nbsp;*</text>
</view>