【初心者】Javascript メソッド・引数・コールバック関数 について。

Question

実現したいこと

下記の問題の正答を知りたい。

前提（課題内容）

下記の関数を経由して2つの関数を実行するような処理を作ってください。
という課題を出されているのですが、コンソールにトマトと玉ねぎの税込み価格を表示とあるのですが、後から後から 指摘をもらい先に進めず困っています。

※問題の記述を変えることは、できません。

function addTax(price, func) {
// priceは値段
// funcは実行する関数名
// 税込み価格を計算して四捨五入して整数にしている(スコープ内でしか参照できません。)
const taxPrice = Math.round(price * 1.10);
}
// トマトの税込み価格をコンソールに表示させる処理
// 玉ねぎの税込み価格をコンソールに表示させる処理

### 発生している問題・エラーメッセージ

上記の課題にて作成したのが下記になります。

該当のソースコード

function addTax(price, func) {
  const taxPrice = Math.round(price * 1.10);
  func(taxPrice);
	return addTax
}

//共通でコンソールに出力する処理
function displayPrice(name, price) {
  console.log(name + " の値段は" + price + "円です。");
}

// トマトの税込み価格をコンソールに表示させる処理
addTax(100, function(price) {
  displayPrice("トマト", price);
});

// 玉ねぎの税込み価格をコンソールに表示させる処理
addTax(80, function(price) {
  displayPrice("玉ねぎ", price);
});

試したこと（知りたいこと）

上記の課題でこのように作成したのですが

・計算した結果をaddTaxに渡すよう実装して下さい。
・計算を行う関数を実行→計算→コンソールに表示する関数を実行→コンソールに表示の流れで実装　して下さい。
・計算を行う関数とコンソールに表示する関数は共通して使えるものして下さい。
・前回コンソールに表示する関数は共通して使えるものして下さいと言ったのでそのようにして下さい。
・計算を行う処理も、コンソールに表示する処理も扱う値が違うだけでやっていることは同じです。
同じような処理を何個も作るのは冗長です。

という指摘をもらっていますが
内容をうまく理解できません。

ご教授いただきたく存じます。

補足情報（FW/ツールのバージョンなど）

この課題では上記以外の情報が無いためある程度自由に作成できますが
問題自体を崩すことはできません。

Comments

[meg_]

> 下記の問題の正答を知りたい。
teratailで教えてもらうことはカンニングには当たりませんか？大丈夫ですか？？

[AnJu]

ご指摘ありがとうございます。
答えを聞くのは確かにだめですね

初めてのJavaScriptで
かなり悩みました。

この問題を解決する
ヒントだけでも頂けると幸いです

[退会済みユーザー]

研修の課題とか学校の宿題の答えをここで聞くのは筋違いです。講師に聞いてください。

https://teratail.com/help/avoid-asking
"学校の課題を解いてほしい等の質問は、具体的にプログラミングで困っている質問ではないと考え、推奨していません"

> 上記の課題でこのように作成したのですが
・・・
> という指摘をもらっていますが内容をうまく理解できません。

と書いてあるところから、講師の方はちゃんと教えてくれているように思えますけど。

[AnJu]

ご指摘ありがとうございます。
今後は時間が掛かっても納得行くまで質問するようにします。

Answer 1

このようなのを考えてみました。

function myFunction() {
  const item = {};
  function displayPrice(price) {
    console.log(`${item.name}の税込価格は${price}円です。`);
  }
  function addTax(price, func) {
    // priceは値段
    // funcは実行する関数名
    // 税込み価格を計算して四捨五入して整数にしている(スコープ内でしか参照できません。)
    const taxPrice = Math.round(price * 1.10);
    if (func) {
      func(price);
    }
    return taxPrice;
  }
  // トマトの税込み価格をコンソールに表示させる処理
  item.name = 'トマト';
  item.price = 120;
  addTax(addTax(item.price), displayPrice);
  // 玉ねぎの税込み価格をコンソールに表示させる処理
  item.name = '玉ねぎ';
  item.price = 150;
  addTax(addTax(item.price), displayPrice);
}

正解がわかったら、ぜひ教えてください。

Answer 2

若干指摘の意味が不明ですが、好意的に解釈するとこんな感じでしょうか？

function addTax(price, func) {
  const taxPrice = Math.round(price * 1.10);
  func(name, taxPrice);
}
function displayPrice(name, price) {
  console.log(`${name}の値段は${price}円です。`);
}
addTax(100,displayPrice.bind(name='トマト'));
addTax(80,displayPrice.bind(name='玉ねぎ'));

※根本的な間違いがあったので修正