top
icon-mail-alt phone
X

javascript 加減運算

發佈日期 2020 , 09 , 15
觀看人數 5
回應 0

利用javascript的jQuery函式庫來編寫簡單的加減乘除,

首先這是基本要有的html標籤元素

<input type="text" name="plus" class="plus" value="" placeholder="加法" onClick="placeholder=''">
<input type="text" name="less" class="less" value="" placeholder="加法" onClick="placeholder=''">
<input type="submit" value="計算" class="submit">
<strong>計算的結果 <span id="span">span>strong>

接下來就是JQuery 語法 

//將計算的方式賦予給submit

$('.submit').click(function(){
  var plus = $('input[name="plus"]').val();
  var less = $('input[name="less"]').val();
// var gg = plus + less; //這樣是錯誤的 22+22 會等於2222這樣只是字串

  var tt =  plus*1 + less*1; //必須將兩個數字乘1再相加
  var num = $('input[type="text"]').val(); //判斷是否為數字
  if(isNaN((num)|| num =='' || num.substring(0,0)==0)){ //判斷是否為數字
    alert('請輸入正確數字'); //非數字跳訊息警示
  } else {
    $('#span').text(tt); //正確數值即得結果
  }
});

減法:只要改成 var tt = plus*1 - less*1;

乘法:只要改成 var tt = plus * less;

除法:只要改成 var tt = plus / less;

若要觀看範例請點擊以下網址!

發佈日期 2020 , 09 , 15
觀看人數 5
回應 0

Leave a reply

名稱
Email
Post
0 Comments