Q1
コンソールに文字を表示する命令はどれですか？
console.log() で開発者ツールのコンソールに文字を表示します。alert() はポップアップ表示です。
Q2
<script> タグを書く推奨位置はどこですか？
</body> の直前に書くと、HTMLの要素が読み込まれた後にJavaScriptが実行されます。
Q3
JavaScriptで1行コメントを書く記号はどれですか？
// の後ろに書いた文字はコメントになり、プログラムとして実行されません。
Q4
ポップアップでメッセージを表示する命令はどれですか？
alert() でブラウザにポップアップを表示します。console.log() はコンソールへの出力です。
Q5
値を変更できない変数を宣言するキーワードはどれですか？
const で宣言した変数は後から値を変更できません。変更が必要な場合は let を使います。
Q7
true や false のデータ型の名前を英語で入力してください
💡 ヒント
真偽値を英語で言うと？
boolean（ブーリアン）は true か false の2つの値を持つデータ型です。
typeof 変数名 で型を調べられます。例：typeof "hello" は "string" を返します。
Q9
const age = ___("15"); — 文字列を数値に変換する関数は？
Number() で文字列を数値に変換します。prompt() の戻り値は文字列なので、数値として使うときに必要です。
Q10
if (score >= 80) { } ___ if (score >= 60) { } ___ { } — 空欄に入るキーワードは？
else if で条件を追加し、else でどの条件にも当てはまらない場合の処理を書きます。
Q11
値と型の両方が等しいか比較する演算子はどれですか？
===（厳密等価演算子）で値と型の両方を比較します。= は代入、== は型変換ありの比較です。
Q12
if (score = 80) と書くとどうなりますか？
&& は「かつ」（両方 true のとき true）です。|| は「または」、! は「ではない」です。
prompt() の戻り値は常に文字列です。数値として使うときは Number() で変換が必要です。
Q15
for (let i = 0; i < 5; i++) で i++ の役割は？
i++ は i = i + 1 と同じ意味で、1回処理するたびに i を1増やします。
Q16
配列のインデックスは何番から始まりますか？
配列のインデックスは 0 から始まります。最初の要素は arr[0] で取得します。
Q17
配列 ["A", "B", "C"] の要素数を取得するプロパティ名を入力してください
💡 ヒント
英語で「長さ」を意味する単語です
配列.length で要素数を取得できます。for文の条件に使うと便利です。
Q18
配列 ["赤", "青", "緑"] の2番目の要素を取得する書き方は？
インデックスは 0 から始まるので、2番目の要素はインデックス 1 です。
Q19
foods.___(food => console.log(food)); — 配列の全要素を処理するメソッドは？
forEach は配列の全要素に対して関数を実行します。for文より短く書けます。
Q20
関数を定義するキーワードを入力してください
💡 ヒント
英語で「機能」「関数」を意味する単語です
アロー関数は (引数) => { 処理 } の形で書きます。=> がアロー（矢印）です。
Q22
関数から値を返すキーワードを入力してください
💡 ヒント
英語で「返す」を意味する単語です
return で関数の処理結果を呼び出し元に返します。return に達すると関数の実行が終了します。 📖 詳しい解説を見る →
Q23
関数を定義しただけで呼び出さないとどうなりますか？
関数は定義しただけでは実行されません。関数名() と書いて呼び出す必要があります。
Q24
function add(a, b) { return a + b; } を add(3) と呼び出すと b はどうなりますか？
引数が足りないと、渡されなかった引数は undefined になります。
Q25
document.___("title") — id で要素を取得するメソッドは？
document.getElementById("id名") で id 属性を持つ要素を取得します。
Q26
document.querySelector(".btn") の .btn はどういう意味ですか？
querySelector では .（ドット）は class、#（シャープ）は id を意味します。
Q27
要素のテキスト内容を変更するプロパティ名を入力してください
💡 ヒント
text（テキスト）+ Content（内容）をつなげます
要素.textContent = '新しいテキスト' でテキストを書き換えられます。
Q28
ボタンクリックに反応させる正しい書き方はどれですか？
addEventListener("イベント名", 関数) でイベントを登録します。
Q29
入力欄に入力された値を取得するプロパティはどれですか？
input 要素の値は .value で取得します。textContent は入力欄には使えません。
Q30
新しい HTML 要素を作って追加する正しい組み合わせはどれですか？
document.createElement("タグ名") で要素を作り、親要素.appendChild(子要素) で追加します。
Q31
[1, 2, 3].map(x => x * 2) の結果はどれですか？
map は各要素に関数を適用した新しい配列を返します。各要素が2倍されて [2, 4, 6] になります。
Q32
[5, 12, 3, 8].___( n => n > 7 ) — 条件に合う要素だけの配列を返すメソッドは？
filter は条件（true を返す関数）に合う要素だけを集めた新しい配列を返します。
Q33
["りんご", "バナナ", "みかん"].find(f => f === "バナナ") の結果は？
find は条件に最初に合致した要素そのものを返します。見つからなければ undefined です。
Q34
const { name, age } = person; この書き方を何と呼びますか？
分割代入（destructuring）でオブジェクトのプロパティを個別の変数に取り出せます。
Q35
const copy = { ___obj, name: "新しい名前" }; — オブジェクトを展開する記号は？
...（スプレッド構文）でオブジェクトや配列の中身を展開できます。コピーや結合に使います。
Q36
const [first, ...rest] = [1, 2, 3, 4]; のとき rest の値は？
...rest（残余パラメータ）で最初の要素以外をすべて配列として受け取ります。
Q37
const li = document.___("li"); — 新しい li 要素を作るメソッドは？
document.createElement("タグ名") で新しいHTML要素を作成します。まだページには追加されていません。
Q38
element.classList.toggle("active") の動作はどれですか？
toggle は ON/OFF を切り替えます。メニューの開閉やアクティブ状態の切り替えに便利です。
Q39
HTML要素のカスタムデータ属性（data-*）にアクセスするプロパティ名を入力してください
💡 ヒント
data + set をつなげます
element.dataset でカスタムデータ属性にアクセスできます。data-id="5" なら element.dataset.id で "5" を取得します。
Q40
親要素にイベントリスナーを1つだけ設定し、子要素のクリックを処理する手法を何と呼びますか？
イベント委譲は親要素で子要素のイベントをまとめて処理する手法です。動的に追加された要素にも対応できます。
Q41
form.addEventListener("submit", (e) => { e.___(); }); — フォームのデフォルト送信を止めるメソッドは？
preventDefault() でブラウザのデフォルト動作（フォーム送信、リンク遷移など）を止められます。
Q42
イベントオブジェクトの event.target は何を指しますか？
event.target は実際にイベントが発生した要素です。event.currentTarget はリスナーが設定された要素です。
Q43
setTimeout(() => console.log("A"), 0); console.log("B"); の出力順は？
setTimeout は0msでも非同期なので、同期コード（B）が先に実行され、その後に A が実行されます。 📖 詳しい解説を見る →
Q44
fetch(url).___( response => response.json() ) — Promise の結果を受け取るメソッドは？
.then() で Promise が成功したときの処理を書きます。.catch() でエラー時の処理を書きます。
Q45
async function getData() { const res = await fetch(url); } の await の役割は？
await は Promise の結果が返るまで処理を一時停止します。async 関数の中でのみ使えます。
Q46
try { } catch (e) { } の catch ブロックはいつ実行されますか？
try の中でエラーが起きると catch に処理が移ります。エラーがなければ catch は実行されません。
Q47
if (___ x === "string") { } — 変数 x が文字列かどうか判定する演算子は？
typeof x === "string" で変数が文字列型かどうかを判定できます。
Q48
typeof null の結果はどれですか？
typeof null は "object" を返します。これはJavaScriptの有名なバグですが、互換性のため修正されていません。
Q49
let x = 5; x += 3; console.log(x); の出力は？
x += 3 は x = x + 3 と同じです。5 + 3 = 8 が出力されます。
Q50
for (let i = 0; i < 3; i++) { setTimeout(() => console.log(i), 0); } の出力は？
let はブロックスコープなので、各ループで別の i が作られます。var だと 3, 3, 3 になります。