JavaScript,11,関数,function,初心者向け

11,関数
JS（JavaScript）で関数（function）を使う方法と、関数を使って税込み価格を簡単に計算できるアプリケーションを作ってみましょう。
returnとは何か？そして引数（ひきすう）とは何か？
そしてその活用方法とは？を解説しています。

関数の定義

function 関数名　（引数）　{
行う処理;
return 戻り値;
}

例
引数＝大根
関数＝おろし機
戻り値＝大根おろし

関数は機能を部品化したもの
引数は関数に渡す材料
戻り値とは関数から返ってくる処理結果

消費税を例えに

const tax = 1.1;
function calculation () {
  return Math.floor(120 * tax);
}

console.log(calculation ()); 

関数を出すときはfunction　calculation() { (次に書くものは関数名なんでもok)

returnは値を関数ちに返す

120円の消費税を出す
Math.floor(120 * tax);
Math.floor(で小数点以下切り捨て

何個も出したいときは

const tax = 1.1;
function calculation (price) {
  return Math.floor(price * tax);
}

console.log(calculation (120)); 
console.log(calculation (150)); 
ここの数値がprice(引数)に入って計算してくれる



<div id="result1"></div>
<div id="result2"></div>

const tax = 1.1;
function calculation (price) {
  return Math.floor(price * tax);
}

document.getElementById("result1").textContent = "100円の税込価格は110円です";
↑が表示される

100円の税込価格は110円
↑ここを関数にしたい

const tax = 1.1;
function calculation (price) {
  return Math.floor(price * tax);
}
function insertText (itemPrice) {
document.getElementById("result1").textContent = itemPrice + "円の税込価格は" + calculation(itemPrice) + "円です";
};
insertText(100);

100円の税込価格は110円です

const tax = 1.1;
function calculation (price) {
  return Math.floor(price * tax);
}
function insertText (itemPrice, element) {
document.getElementById(element).textContent = itemPrice + "円の税込価格は" + calculation(itemPrice) + "円です";
};
insertText(100,"result1");
insertText(200,"result2");
insertText(250,"result3");

100,200,250がitemPriceに行き出力先がelementに入りresultに入る

const tax = 1.1;
function insertText (itemPrice, element) {
  function calculation (price) {
    return Math.floor(price * tax);
  }
  document.getElementById(element).textContent = itemPrice + "円の税込価格は" + calculation(itemPrice) + "円です";
};
insertText(100,"result1");
insertText(200,"result2");
insertText(250,"result3");

こっちでも大丈夫でこっちの方が正しい

関数の中に関数を入れるとその中でしか動かない関数になる
他の場所で関数を使うなら外に置いておく上
関数の中でしか関数を使わない場合は下