函式帶參數

函式可以透過帶參數，讓使用上更為方便。
ex.飲料店新品上市打9折，可以透過函式方便重複計算，依每人購買杯數不同計算不同價錢。

function count(price){
    document.getElementById("price").textContent = price*0.9;
}

//請在下方呼叫count()並帶入一個數字
count(200);

//輸出
這位客人打折後的金額為180

參數可以是各種型態帶入 ex.字串、數字、布林

function sayHello(name){
    console.log("你好");
    document.getElementById('greet').textContent = name + '你好';
}

sayHello('古德瑞')

//輸出
古德瑞你好

帶入多種類型參數練習 ex.服飾店打折

function count(name,shirtPrice,pantsPrice){
    var total = shirtPrice*0.9 + pantsPrice*0.8;
    document.getElementById('guest').textContent = name + '你好，衣服及褲子購買總共' + total;
}

count('古德瑞',450,800)

//輸出
古德瑞你好，衣服及褲子購買總共1045

函式的return

在函式裡使用 return ，會回傳函式運算完的結果。

function count(price){
    return price*0.8;
}

var total = count(500);

//回傳結果
衣服的價格為50元
打完8折的價格為40元