コードの添削をお願いします

Question

jQueryでの、コードの添削をお願いします。

id名「q45_a」とid名「q45_b」の値を取得し変数に代入、その変数をユーザー定義関数「funcplus()」で加算した値をid名「q45_answer」に出力せよ

という問題なのですが、自分で書いたコードでは出力されません。
どの箇所が間違っているのか教えてください。

設問のhtmlコードと答え↓

<div id="q45_box">
    <p id="q45_a">5</p>＋<p id="q45_b">8</p>＝<p id="q45_answer"></p>
  </div>

$(function(){
    var aaa = Number($("#q45_a").text());
    var bbb = Number($("#q45_b").text());
    funcplus(aaa,bbb);
         
    function funcplus(aaa,bbb){
        var answer = aaa + bbb;
        $("#q45_answer").text(answer)
    }
});

自分で書いた回答コード↓

$(function(){
  $("#p45_answer").text(funcplus(aaa, bbb));

  function funcplus(aaa, bbb){
    var aaa = Number($("#q45_a").text());
    var bbb = Number($("#q45_b").text());
    return aaa + bbb;
  }
});

Comments

[hoshi-takanori]

funcplus の引数 aaa, bbb が定義されてないからでしょうね…。

Answer 1

$("#p45_answer").text(funcplus(aaa, bbb));

■ 誤っている箇所
・funcplus() に aaa と bbb を渡しているが、変数が定義されていない為、エラーとなっている。
・結果を返す際の id に誤りがある。

■ 修正箇所
・funcplus() の引数を除去
・id の誤りを修正 "#p45_answer" ⇒ "#q45_answer"

$(function(){
  $("#q45_answer").text(funcplus());

  function funcplus(){
    var aaa = Number($("#q45_a").text());
    var bbb = Number($("#q45_b").text());
    return aaa + bbb;
  }
});

■ 参考情報

自分で書いたコードでは出力されません。

JavaScript で意図した結果が表示されない場合、何かしらエラーが出て止まっている場合があります。
その場合は、ブラウザのコンソール（一般的には [F12] キーで表示されます）を確認してみて下さい。エラー箇所が表示されている場合があります。

■ ブラウザのコンソールに表示されるエラーの例

Comments

[shuta-a]

回答ありがとうございます。
なるほど、console.logを書かなくてもブラウザ上のコンソールでエラーを確認できるのですね。
誤字も含めて今後はもっと精査しようと思います。ありがとうございました。