イベントリスナー
#初心者です。
練習で入力フォームの入力チェックのプログラムを作成してします。独学なので、何か自己流が多い等、変ならすみません汗
今回、質問させていただくのは下記のイベントリスナーでの性別の判定ボタン(ラジオボタン3つ)のチェックです。1つのsendボタンで2つのイベントを発生させたくて記述してみました。
作業場の問題エラーもなく、検証でもエラーを警告されませんが、条件下で出現させるはずのinnerHTMLの文字が出っぱなしです。どのラジオボタンにチェックをしても一向に消えません。まだ浅い理解しかできておりませんがnameで参照したので、html Collection配列です。上記の名前フォームは動作しますので抜粋で掲載しました。どうぞ鞭撻のほど宜しくお願いします!
##該当するソースコード
send.addEventListener('click',function(){
for (let i = 0; i <= namae.length; i++){
if (namae[i].value==""){
errors.innerHTML = "Please enter your name.";
}else{
errors.innerHTML = "";
}
}
});
send.addEventListener('click',function(){
flag = true;
for (let j = 0; j <= genders.length; j++){
if(!genders[j].checked){
flag = false;
errorsradio.innerHTML ="Please choice your gender.";
}eles if(flag == true){
errorsradio.innerHTML ="";
}
}
});
###自分で試したこと
有名functionに変えて、下記にイベントリスナーにfunctionを呼び出す方式にすれば動作はしたが、それは何故か問題が無く動かない^^;