實現效果
程序代碼
Page({
calc: function (e) {
var x, y; //定義局部變量x和y
var x = e.detail.value; //獲取input組件的value值並賦值給x
if (x < 0) { //根據x值進行判斷,並求出y的值
y = Math.abs(x);
} else if (x < 10) {
y = Math.exp(x) * Math.sin(x);
} else if (x < 20) {
y = Math.pow(x, 3);
} else {
y = (3 + 2 * x) * Math.log(x);
}
this.setData({
y: y //將局部變量y賦值給綁定變量y
})
},
/**
* 用戶點擊右上角分享
*/
onShareAppMessage: function () {
}
})
<!--pages/API/API/IfAndMath.wxml-->
<view class='box'>
<view class='title'>條件語句和數學函數</view>
<view>
<input placeholder='請輸入x的值' bindblur='calc'></input>
</view>
<view>計算y的值爲:{{y}} </view>
</view>
/* pages/API/API/IfAndMath.wxss */
input {
border-bottom: 1px solid blue; /* 添加input組件的下邊框線 */
margin: 20px 0; /* input組件上下外邊距爲20px,左右外邊距爲0 */
}
知識要點
if(條件語句){
只有當條件爲true時執行代碼
}
if(條件語句){
當條件爲true時執行代碼
}else{
當條件不爲true時執行代碼
}
if(條件語句1){
當條件1爲true時執行代碼
}else if(條件2){
當條件2爲true時執行代碼
}else{
當條件1和2都不爲true時執行代碼
}
switch(n){
case1:
執行代碼塊1
break;
case2:
執行代碼塊2
break;
…
default:
n與所有case後面的值不同時執行的代碼塊}
abs(x)求絕對值
ceil(x)對數進行上舍人
cos(x)返回數的餘弦
exp(x)返回e的指數
floor(x) 對數進行下舍入
log(x) 返回數的自然對數(底爲e)
max(x,y) 返回x和y中的最高值
min(x,y) 返回x和y中的最低值
pow(x,y) 返回x的y次冪
random()返回0~ 1之間的隨機數
round(x) 把數四捨五入爲最接近的整數
sin(x) 返回數的正弦
sqrt(x) 返回數的平方根
tan(x) 返回角的正切
valueOf()返回Math對象的原始值