前提・実現したいこと
javascriptを使ったクイズアプリの作成の中で、正誤判定によるアラートの表示をさせたい。
発生している問題・エラーメッセージ
問題の正誤判定をしてアラートを表示させるようなコーディングを行なったのですが、何故かアラートが表示されません。
検証ツール(console)でのエラー等はとくに表示されていません。
const question = "ゲーム市場、最も売れたゲーム機は次のうちどれ?"; const answers = [ "スーパーファミコン", "プレイステーション2", "ニンテンドースイッチ", "ニンテンドーDS" ]; const correct = "ニンテンドーDS"; const $button = document.getElementsByTagName("button"); //クイズの問題文、選択肢を定義 const setupQuiz = () => { document.getElementById("js-question").textContent = question; let buttonIndex = 0; let buttonLength = $button.length; while(buttonIndex < buttonLength){ $button[buttonIndex].textContent = answers[buttonIndex]; buttonIndex++; } } setupQuiz(); const clickHandler = (e) => { if(correct === e.target.textContent){ window.alert("正解!"); } else { window.alert("不正解!"); } }; //ボタンをクリックしたら正誤判定 let handlerIndex = 0; const buttonLength = $button.Length; while (handlerIndex < buttonLength) { $button[handlerIndex].addEventListener("click", (e) => { clickHandler(e); }); handlerIndex++; }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/12/15 17:57
2021/12/15 21:53
退会済みユーザー
2021/12/16 05:39
2021/12/16 05:59
退会済みユーザー
2021/12/16 06:03
2021/12/16 06:05
退会済みユーザー
2021/12/16 06:15