javascriptのfor文について質問です。

Question

###前提・実現したいこと
現在、javascriptを使用してHTMLで出力するということをしています。
for文を使用し指定された回数分３を足すという内容をHTMLで出力するということを現在行っています。しかし、aがReferensErrorと出てしまい、計算されません。どなたかご教授お願いします。

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

Uncaught ReferenceError: a is not defined

###該当のソースコード
HTML

<p onclick = "suji10(a);", id = "idsuji">[10]</p>

java

function suji10(a){
var suji =document.getElementById("idsuji");
var a;

for(var num = 0; num < 10; ++num){
a += 3;
}
suji.innerHTML = "<p>[10]</p><p>答え： " + a + "</p>"
}

ここにご自身が実行したソースコードを書いてください

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)

Answer 1

<p onclick = "suji10(a);", id = "idsuji">[10]</p> 

この部分でsuji10()に変数aを渡していますが、これが実行される時点で初期化されていないのではありませんか？

Comments

[busshi77]

回答ありがとうございます！

Answer 2

単純に質問内容で修正すると以下のようになります。

<p onclick = "suji10();" id = "idsuji">[10]</p>

function suji10(){ 
  var suji =document.getElementById("idsuji"); 
  var a = 0;
  for(var num = 0; num < 10; ++num){ 
      a += 3; 
  } 
  suji.innerHTML = "<p>[10]</p><p>答え： " + a + "</p>"
}

上記とは別に「入力した数字に指定された回数分３を足す」パターンだと

<input type="number" id="inputNum"/>
<p onclick = "suji10();" id = "idsuji">[10]</p>

function suji10(){ 
    var suji =document.getElementById("idsuji"); 
    var a = parseInt(document.getElementById("inputNum").value);
    for(var num = 0; num < 10; ++num){ 
        a += 3; 
    } 
    suji.innerHTML = "<p>[10]</p><p>答え： " + a + "</p>";
}

なんて感じで出来ます。
引数を使用していたようなのでどちらかというとこっちのほうが求められている答えになるでしょうか？
Liveweave
このあたりのサイトを使用すると簡単に動きが確認できて便利ですのでよろしければ。

Comments

[busshi77]

迅速な対応とわかりやすい回答ありがとうございました！