【JavaScriptのコード解説】エラーメッセージが表示される流れを知りたい

前提・実現したいこと

初めにどこの処理が行われているのか？
どんな関数・オブジェクトがどこで作成されてるのか？
なぜ必要なのか？

など、

エラーメッセージ表示されるまでの流れをわかりやすく解説して頂きたいです。

該当のソースコード

HTML

<html>
<head>
<title>Noname</title>
<script type="text/javascript" src="errCheck.js"></script>
</head>
<body>

<center>

エラーメッセージ
<form name="form1">
<table class="table">
<tr>
<td colspan="2" align="center"><textarea id ="idErrMsg" name="errMsg" rows="5" cols="30" value=""></textarea><br><br><br><br><br></td>
</tr>
<tr>
<td><label id="idName">＊名前<label></td>
<td><input type="textBox" id="txtName" name="Name" value=""><br><br></td>
</tr>
<tr>
<td><label id="idPassword">＊パスワード</label></td>
<td><input type="password" id ="pasPassword" name="pass1" value=""><br><br></td>
</tr>
<tr>
<td><label id="idPasswordCheck">＊パスワード確認用</label></td>
<td><input type="password" id ="pasPasswordCheck" name="pass2" value=""><br><br></td>
</tr>
</table>
</form>

<input type="button" onclick="errCheck()" value="送信">


</center>

</body>
</html>

ＪａｖａＳｃｒｉｐｔ

//●入力チェック
function errCheck(){

//エラーメッセージ（textarea)オブジェクト確保
var errMsg_obj = document.getElementById("idErrMsg");

//エラーメッセージクリア
errMsg_obj.value = '';

//氏名チェック
nameCheck(errMsg_obj);

//パスワードチェック
passwordCheck(errMsg_obj);

}

//●氏名チェック
function nameCheck(errMsg_obj){

//エラー表示内容
var errMsg_01 = "No Data\n"
var strName = document.getElementById("txtName").value;

//未入力チェック呼び出し
noInputCheck(strName, errMsg_obj, errMsg_01);

}

//●パスワードチェック
function passwordCheck(errMsg_obj){

//エラー表示内容
var errMsg_01 = "No Data\n"
var errMsg_02 = "password check again\n"

var strPassword = document.getElementById("pasPassword").value;
var strPasswordCheck = document.getElementById("pasPasswordCheck").value;

//未入力チェック呼び出し
noInputCheck(strPassword, errMsg_obj, errMsg_01);
noInputCheck(strPasswordCheck, errMsg_obj, errMsg_01);

//文字列一致チェック
strCheck(strPassword, strPasswordCheck, errMsg_obj, errMsg_02);

}

//●未入力チェック
function noInputCheck(str, errMsg_obj, errMsg_01){

if(str == "" ){
alert("add errMsg");
errMsg_obj.value += errMsg_01;
}
}

//●文字列一致チェック
function strCheck(str1, str2, errMsg_obj, errMsg_02){

if(str1 != str2){
alert("add errMsg");
errMsg_obj.value += errMsg_02;
}

}

試したこと

自分でエラーメッセージが表示されるコードを書こうとしてネットを探していたところ、このコードを見つけました。
自分なりにテキストで調べましたがコメントアウトの意味を解読することができませんでした。

どうかご解答よろしくお願いします。

miyabi_pudding

2020/11/29 04:58

コメントアウトの説明以上に解説しようがないと思います・・・。 JavaScriptの基本文法が理解できてない、ということですか？（コメントアウトを除くと、基本構文でしかないように見受けられるため）であるならば、まず基本文法や構文を勉強して下さい。

yambejp

2020/11/30 00:28

エラーメッセージというかバリデーションをしたいということですね？チェックしたいHTML要素をからデータをもってきてメッセージに入れて alertする流れのようなのでフローチャートでも書いてみればご自身でも整理できると思います

AkitoshiManabe

2020/12/01 05:47

> 自分なりにテキストで調べましたそのテキストがどのようなものなのか（書籍名/版数、あるいはURLなど）は示したほうが良いと思います。参考にされる内容と乖離した回答をしてしまうと余計に混乱させてしまいますし、基本的な考え方は記載されているかもしれません（読み返してみる/読み進めてみる）。また、JavaScriptが初学ならご質問に初心者マークを示す事も考えてください。

think49

2020/12/01 10:28

> 自分なりにテキストで調べましたがコメントアウトの意味を解読することができませんでした。コメントアウトが見あたりませんが、どこのことですか。 http://sp.e-words.jp/w/%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%A2%E3%82%A6%E3%83%88.html