ファンクションを学習

税込み合計金額を表示するミニプログラム

  1. HOME
  2. ファンクション

税込み価格

お食事代8,000円とお土産代450円の税込み価格は?

HTMLのソースコード

<p>お食事代8,000円とお土産代450円の税込み価格は?</p>
<P id="output"></P>
<p id="output2"></p>

JavaScriptのソースコードと概要

var total = function (price) {
  var tax = 0.10;
  return price + price * tax;
}

document.getElementById("output").textContent = "◆お食事の値段は" + total(8000) + "円です";
document.getElementById("output2").textContent = "◆お土産代の値段は" + total(450) + "円です。";

ファンクションとは?

よく行われる処理を1つにまとめたサブプログラムになります。
使いたいときに呼び出して利用できるので、よく使われます。
※ファンクションは呼び出さないと処理されることはありません。

ファンクション()内のパラメーターを受け取り、加工をしたのち、その結果を呼び戻して元に返します。
今回は total(8000)というファンクションを受け取って、8000+消費税の計算し、8640を呼び出して元に戻したということです。

ファンクションの作成

var ファンクション名 = function(要求するパラメーター) {
処理の内容
}
要求するパラメーター名はfunction()に続く{~}の中だけで有効な変数として機能します。