【JavaScript】ネストの関数で親の変数を子の関数の中で扱いたい

Question

前提・実現したいこと

セレクトタブを選択　→　インプットする
というネストの関数を作っているのですが

最初の関数内で定義した変数がスコープの関係によってだと思うのですが
最初の関数中に入れ子になってる関数内で使用できません

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

該当のソースコード

const pfc = function () {
   
   const selectMeet = document.getElementById("meet");
    selectMeet.addEventListener('change', function (){
      const meetSelectBox = document.getElementById("meet");
      const dataNumP = meetSelectBox.options[ meetSelectBox.selectedIndex].getAttribute("data-protein");
      const dataNumF = meetSelectBox.options[ meetSelectBox.selectedIndex].getAttribute("data-fat");
      const dataNumC = meetSelectBox.options[ meetSelectBox.selectedIndex].getAttribute("data-carbo");
      console.log(dataNumP);
      console.log(dataNumF);
      console.log(dataNumC);

      const quantityInput = document.getElementById("quan-input");
      quantityInput.addEventListener("input", () => {
         const inputValue = quantityInput.value;
         console.log(inputValue * dateNumP);
         console.log(inputValue * dateNumF);
         console.log(inputValue * dateNumC);
      })   
  })
};
 
window.addEventListener("load", pfc);
 

試したこと

最初の関数内の"const"を全て"var"にしてみましたが変化無しでした

https://teratail.com/questions/106666
こちらも参考にさせていただいたのですが、回答が多くどれも用いるべきか判断し難いので
皆様にご意見伺いたいなと思い質問させていただきました
よろしくお願いします

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

ここにより詳細な情報を記載してください。

Comments

[kei344]

teratailでは画像もアップできますので、ご自信で所持されている画像であればそちらを使用されてはいかがでしょうか。（コードブロックに入れなければ画像として質問文に表示されますし）

[yasu0205]

コードブロック内に画像あげてしまっていました！
ご指摘ありがとうございます

Answer 1

dateNumP ⇒ dataNumP （他も同じ）

Comments

[yasu0205]

すいません！初歩的なミスでしたね。
よくよく考えたら親の関数内なので使用できるのですかね
しっかり基礎勉強します

ありがとうございました

Answer 2

こちらも参考にさせていただいたのですが、回答が多くどれも用いるべきか判断し難いので

回答も４つくらいしかないのでとりあえず全部試してみたらどうですか？
sousukeさんの回答をとりあえず試してみては？