第二章作业

第一题：

利用wx:if及wx.for数据绑定来实现输出乘法口诀表的编程

在xcv.wxml中输入：

<view class="App" wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="row">
<view class="app" wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:if="{{col>=row}}" wx:for-item="col">
                  {{row}}*{{col}}={{col*row}}
</view>
</view>

在xcv.wxss中输入：

.App{
  display: flex;           
  justify-content: left;
  font-size: 10px;
  margin: 30px;
}

效果如图显示

第二题：

编写程序，在 Console 控制台输出水仙花数

在shuixian.js中输入

Page({
  onLoad() {
    for (let i = 100; i < 1000; i++) {
      let baiwei = Math.floor(i / 100);
      let shiwei = Math.floor((i % 100) / 10);
      let gewei = i % 10;
      let he = Math.pow(baiwei, 3) + Math.pow(shiwei, 3) + Math.pow(gewei, 3);
      if (he === i) {
        console.log("水仙数："+i);
      }
    }
  }
});

运行效果如图

 第三题：

3．编写程序，在页面中输出水仙花数，

在shuixian.js中输入

Page({
  onLoad() {
  let huashu=[];
    for (let i = 100; i < 1000; i++) {
      let baiwei = Math.floor(i / 100);
      let shiwei = Math.floor((i % 100) / 10);
      let gewei = i % 10;
      let he = Math.pow(baiwei, 3) + Math.pow(shiwei, 3) + Math.pow(gewei, 3);
      if (he === i) {
        console.log("水仙数："+i);
        huashu.push(i);
      }
    }
    this.setData({
      huashu:huashu
    })
  }
});

在shuixian.wxml中输入

<view>水仙花数有：{{huashu}}</view>

运行效果如图

第四题：

4．编写程序，在页面中输出菱形图案，

在index.wxml中输入

<view class="lingxing">
  <view>    *</view>
  <view>   ***</view>
  <view>  *****</view>
  <view> *******</view>
  <view>*********</view>
  <view> *******</view>
  <view>  *****</view>
  <view>   ***</view>
  <view>    *</view>
</view>

在index.wxml中输入

.lingxing {
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
}

效果如图所示