iT邦幫忙

1

JavaScript 基礎知識-變數(2)

前一篇文講到了變數的命名以及四種資料型別:數字,字串,布林,undefinded
這篇介紹,常見的輸出方法以及變數上的算數應用

常見的輸出方法,有彈跳視窗的輸出方式:
alert();
或者利用檢查人員的 console:
console.log();
console 在做輸出的時候並不會渲染到頁面上,需要打開檢查人員工具的介面裡的 console
輸出的方法,這裡再搭配變數的應用上,可以實際操作一次

變數的應用情況如下:
若今天一顆糖果賣5元,我買了7顆,總共需要多少錢?
我們可以先命名一個變數var candy = 5;並給予一個值,代表一顆糖果5元
總共需要的錢,我們也命名一個變數來存放這個答案 var total;
此時我們就能來計算:

var candy = 5;
var total;

total = candy * 7;

以上是計算的方式,接著要把結果輸出,用上面的兩種輸出方法皆可:
alert(total);
此時我們不用手動計算,JavaScript就可以幫我們計算出來

字串的方式也可這樣應用:

var weather = '晴天';
var today = '今天天氣是';

console.log(today+weather);

以上在 console 輸出就會顯示:今天天氣是晴天

搭配 HTML 也可以針對前面講到的選取 ID 以及 textContent 來應用:

<p>今天一顆糖果賣5元,我買了7顆,總共需要<span id="money"></span>錢</p>
<script>
var candy = 5;
var total;

total = candy * 7;

document.getElementById('money').textContent = total;
</script>

此時,答案就會算完且被帶進去我們選取的 ID 裡面

上面講述到的只有數字型別的計算,以及字串的相加,都是針對同樣類型的資料型別
跨資料型別的計算還有待研究,似乎也是一個很大的坑 /images/emoticon/emoticon06.gif


尚未有邦友留言

立即登入留言