小程序笔记：EX209-条件结构和数学函数

小程序笔记：EX209-条件结构和数学函数

1. 效果展示

2. 代码

<!--index.wxml-->
<view class='box'>
  <view class='title'>条件语句和数学函数</view>
  <view>
    <input placeholder='请输入x的值' bindblur='calc'></input>
  </view>
  <view>计算y的值为:{{y}}</view>
</view>

//index.js
Page({
  calc:function(e){
    var x,y;
    var x=e.detail.value;
    
    if(x<0){
      y=Math.abs(x);
    }else if(x<10){
      y=Math.pow(x,3);
    }else{
      y=(3+2*x)*Math.log(x);
    }
    
    this.setData({
      y:y//将局部变量y赋值给绑定变量y
    })
  }
  
})

/*index.wxss */
input {
  border-bottom: 1px solid blue; /* 添加input组件的下边框线 */
  margin: 20px 0; /* input组件上下外边距为20px，左右外边距为0 */
}
.box{
  border: 1px solid silver;
  margin: 20rpx;
  padding: 20rpx;
}
.title{
  font-size: 25px;
  text-align: center;
  margin-bottom: 15px;
  color: red;
}