▶ 実 行
▶ 実行
クリア
魚編とかの漢字クイズ!
by 🦷いればさん🦷
!「https://n3s.nadesi.com/plain/804.nako3」を取り込む。 #画面を作る 問題表示ボタン=「漢字表示」のボタン作成。改行作成。 空白ラベル=「」のラベル作成。改行作成。 空白ラベルの「文字サイズ」に「350px」をDOMスタイル設定。 問題文ラベル=「」のラベル作成。改行作成。 問題文ラベルの「文字サイズ」に「300px」をDOMスタイル設定。 空白2ラベル=「」のラベル作成。改行作成。 空白2ラベルの「文字サイズ」に「50px」をDOMスタイル設定。 答え入力枠=「」のエディタ作成。 注意ラベル=「 訓読みをひらがなで答えてね!」のラベル作成。改行作成。 判定ボタン=「判定」のボタン作成。 クリアボタン=「クリア」のボタン作成。改行作成。 クリアボタンに{ "余白": "0px", "文字サイズ": "0px" }をDOMスタイル一括設定。 結果表示ラベル=「」のラベル作成。 # 出題 問題表示ボタンをクリックした時には 問題データを配列シャッフル。 問題データを「/」で区切ってAに代入。 問題文=A@0 問題文ラベルに「{問題文}」をテキスト設定。 ここまで 判定ボタンをクリックした時には 答え=答え入力枠のテキスト取得。 問題データを「/」で区切ってAに代入。 正解1=A@1 正解2=A@2 正解3=A@3 正解4=A@4 もし、答え=空ならば 結果表示ラベルに「※答えが入力されていません」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、もし、正解2=空ならば もし、答え=正解1ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、 結果表示ラベルに「残念!正解は {正解1} でした!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 ここまで 違えば、もし、正解3=空ならば もし、答え=正解1ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、もし、答え=正解2ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、 結果表示ラベルに「残念!正解は {正解1}・{正解2} でした!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 ここまで 違えば、もし、正解4=空ならば もし、答え=正解1ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、もし、答え=正解2ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、もし、答え=正解3ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、 結果表示ラベルに「残念!正解は {正解1}・{正解2}・{正解3} でした!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 ここまで 違えば、 もし、答え=正解1ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、もし、答え=正解2ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、もし、答え=正解3ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、もし、答え=正解4ならば 結果表示ラベルに「正解!」をテキスト設定。 クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 違えば、 結果表示ラベルに「残念!正解は {正解1}・{正解2}・{正解3}・{正解4}でした!」をテキスト設定。 ここまで クリアボタンに「クリア」をテキスト設定。 クリアボタンに{ "余白": "4px", "文字サイズ": "15px" }をDOMスタイル一括設定。 ここまで ここまで クリアボタンをクリックした時には 問題文ラベルに「」をテキスト設定。 答え入力枠に「」をテキスト設定。 クリアボタンに「」をテキスト設定。 クリアボタンに{ "余白": "0px", "文字サイズ": "0px" }をDOMスタイル一括設定。 結果表示ラベルに「」をテキスト設定。 ここまで