第二章作业

第一题:制作九九乘法表

在cfb.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">
                  {{col}}*{{row}}={{col*row}}
</view>
</view>

在cfb.wxss中输入如下代码 

.App{
  display: flex;           
  justify-content: left;
  font-size: 10px;
}
.App .app{
  width: 40px;
}

运行结果如下图 

第二题:在Console控制台输出水仙花数 

在shuixian.js中输入如下代码

Page({
    data:{
      message: []
    },
      onLoad: function () {
      this.findmessage();
    },
      findmessage: function (){ 
        const num =[];
      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){ 
        num.push(i);}}
      this.setData({
      message: num});
      console.log("水仙花数："+num);
    },
})

在shuixian.wxml中输入如下代码

<view class="App">
<view class="app">
  <text wx:for="{{message}}" wx:key="*this">{{item}}</text>
</view>
</view>

运行结果如下图

第三题:在页面中输出水仙花数量

 在shuixian.js中输入如下代码

Page({
    data:{
      message: []
    },
      onLoad: function () {
      this.findmessage();
    },
      findmessage: function (){ 
        const num =[];
      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){ 
        num.push(i);}}
      this.setData({
      message: "水仙花数量共有"+num});
    },
})

在shuixian.wxml中输入如下代码 

<view class="App">
<view class="app">
  <text wx:for="{{message}}" wx:key="*this">{{item}}</text>
</view>
</view>

运行结果如下图

第四题:在页面中输入菱形图案 

 在lingxing.js中输入如下代码

Page({
    data: {
      demo: []
    },
    onLoad: function() { 
      var demoString = '';
      for (var a = 0; a < 7; a++) {
        for (var b = 0; b < 6-a; b++) {
          demoString += ' ';
        }
        for (var c = 0; c< 2 * a + 1; c++) {
          demoString += '*';
        }
        demoString += '\n';
      }
      for (var a = 5; a >= 0; a--) {
        for (var b = 0; b < 4; b++) {
         demoString += ' ';
        }
        for (var c = 0; c < 2 * a + 1; c++) {
          demoString += '*';
        }
        demoString += '\n';
      }
      this.setData({
        demo: demoString
      });
    }
})

在lingxing.wxml中输入如下代码

<view class="container">
  <text>{{demo}}</text>
</view>

 在lingxing.wxss中输入如下代码

.container {
 text-align: center;
}

运行结果如下图