unde fined?(htmlエラー(?))

Question

前提

ICTコンクールにだす用のタイピングwebでスコアのシステムを作っていたら、アラートで表示させたら『unde fined』(未定義)と出てきました

該当のソースコード

一部抜粋(割愛で♡)

var a;
	let Q = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];//問題文 追加すること
	let Q_No = Math.floor( Math.random() * Q.length);//問題をランダムで出題する

	let Q_i = 0;//回答初期値・現在単語どこまで合っているか判定している文字番号
	let Q_l = Q[Q_No].length;//計算用の文字の長さ


window.addEventListener("keydown", push_Keydown);

function push_Keydown(event){

	let keyCode = event.key;
	if (Q_l == Q_l-Q_i){

		document.getElementById("start").innerHTML = Q[Q_No].substring(Q_i, Q_l); //問題を書き出す
    

		}


	if (Q[Q_No].charAt(Q_i) == keyCode) { //押したキーが合っていたら

		Q_i++; //判定する文章に１足す
		document.getElementById("start").innerHTML = Q[Q_No].substring(Q_i, Q_l); //問題を書き出す

		if (Q_l-Q_i === 0){ //全部正解したら
	
	
			Q_No = Math.floor( Math.random() * Q.length);//問題をランダムで出題する
			Q_i = 0;//回答初期値・現在どこまで合っているか判定している文字番号
			Q_l = Q[Q_No].length;//計算用の文字の長さ
                         
           swal('nice')
       var a = a+1;
             
     
			document.getElementById("start").innerHTML = Q[Q_No].substring(Q_i, Q_l); //新たな問題を書き出す

		}
	}
} 

function score() {
           alert(a);
       }                                                                    //関数で処理分け

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

あらーとで変数aを出しています
CodePenでデバックしてもエラーは出ませんでしたなぜでしょう
CodPen

Answer 1

本来ならクロージャで関数の外側の変数aにもアクセスできるはずですが、
push_Keydownの中で新たに変数aをvarで定義しなおしてしまっているので外側のaとは同名の別変数になってしまっています。
しかも初期値を設定していない(undefinedの)まま足し算をしているのでpush_Keydownのvar aからvarを消しても結果はNaNです。

push_Keydownのvar a = a+1;からvarを消して最初の行のaに0を代入してください。

Comments

[ibuki_rei]

でも push_keydownから消してしまうと正解したときにa+1する処理ができないのでまあvar a=0;はpush_keydown外に書くけどね...

[RiaFeed]

できますけど・・・？？？

[ibuki_rei]

???コードを書いてくれるとありがたいです

[RiaFeed]

https://codepen.io/riafeed/pen/zYWmxBP

質問にあるcodepenのコードから「最初から回答に書いた通り」push_Keydown内のvar a = a + 1からvarを消し、外のvar aに=0を代入し、
これは書いていないけどどこにも定義されてない関数の呼び出しなのでエラーになるswal('nice')をコメントアウトしたら
「今のスコア表示」ボタンでaの値が表示されますよ？？？

[ibuki_rei]

ありがとうございます!!マジでありがとうございます!!

Answer 2

あらーとで変数aを出しています

JavaScriptの変数は関数スコープを持ちますので、push_Keydown内のaと、外側のaは同名なだけの別変数です。scoreが参照するaは外側のもので、これは一切書き変わらないのでundefinedのままです。

Comments

[ibuki_rei]

対処法を教えていただければ幸いです

[maisumakun]

どのような結果を得たいのですか？

[ibuki_rei]

得たい結果はCode Pen　を見てもらうとわかるんですけど
if (Q_l-Q_i === 0){
のときに変数aを+1して
function score() {
alert(a);
}
でaを出力
したいです