0Pricing
Javascript for Kids · レッスン

クイズの問題

問題を保存します

「クイズの問題」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。

クイズ番組へようこそ! 🎤

照明!カメラ!アクション!これから自分たちのクイズ番組を作ります! 🎉 まずは、プレイヤー向けの問題が必要です。保存してみましょう!

1つの問題、1つの答え ❓

クイズの問題には、問題文と正しい答えが必要です。これらをobjectにまとめて保存できます。

let q = { question: "What color is the sky?", answer: "blue" }
console.log(q.question)

答えを読む 🔑

正しい答えを確認することもできます。ただし、プレイヤーには秘密にしておきます! 🤫

let q = { question: "2 + 2 = ?", answer: "4" }
console.log("Answer is:", q.answer)

リストにたくさんの問題を入れる 📝

クイズにはたくさんの問題が必要です!複数の問題オブジェクトをリストに入れましょう。

let quiz = [
  { question: "Sky color?", answer: "blue" },
  { question: "Grass color?", answer: "green" }
]
console.log("We have " + quiz.length + " questions!")

1つの問題を取り出す 👆

インデックスを使って、リストから1つの問題を取り出します。数え始めるのは0からだということを覚えておきましょう!

let quiz = [
  { question: "Sky color?", answer: "blue" },
  { question: "Grass color?", answer: "green" }
]
console.log(quiz[0].question)

選択肢を追加する 🅰️🅱️

選択式の問題にしましょう!それぞれの問題に選択肢のリストを追加します。

let q = {
  question: "What says moo?",
  options: ["dog", "cow", "cat"],
  answer: "cow"
}
console.log(q.options)

選択肢を表示する 📋

プレイヤーが選べるように、各選択肢を表示します!選択肢をループしましょう。

let options = ["dog", "cow", "cat"]
for (let i = 0; i < options.length; i++) {
  console.log((i + 1) + ". " + options[i])
}

新しい問題を追加する ➕

.push()を使って、リストの末尾に新しい問題を追加します!

let quiz = [{ question: "Sky color?", answer: "blue" }]
quiz.push({ question: "Snow color?", answer: "white" })
console.log("Now we have " + quiz.length + " questions!")

楽しいクイズのテーマ 🦕

自分の大好きなものをテーマにクイズを作りましょう!恐竜、宇宙、動物など、何でも構いません。

let quiz = [
  { question: "Biggest planet?", answer: "Jupiter" },
  { question: "Closest star to Earth?", answer: "the Sun" }
]
console.log(quiz[1].question)

問題の合計数を数える 🔢

問題がいくつあるかを常に把握しておきましょう。後でスコアを作るときに役立ちます!

let quiz = [
  { question: "A?", answer: "1" },
  { question: "B?", answer: "2" },
  { question: "C?", answer: "3" }
]
console.log("Total: " + quiz.length + " questions 🎯")

問題の準備完了! ✅

すばらしいです!答えと選択肢が入ったクイズ問題のリストができました。クイズ番組の内容がそろいました! 📺

let quiz = [
  { question: "What says woof?", options: ["dog", "cat"], answer: "dog" }
]
console.log("Question: " + quiz[0].question)

クイックチェック ❓

クイズについてのクイズの時間です! 🤓

問題マスター! 🏅

振り返りましょう。次のことを学びました。

  • ❓ 問題をobjectに保存する
  • 📝 たくさんの問題をlistに入れる
  • 🅰️ 選択式のoptionsを追加する
  • ➕ .push()で問題を追加する

次は、順番に問題を出します! 🔁

よくある質問

「クイズの問題」レッスンは無料ですか?

はい。「クイズの問題」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「クイズの問題」で何を学びますか?

問題を保存します ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。

「クイズの問題」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか?

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. クイズの問題
  2. 順番に尋ねる
  3. 採点
  4. 最終スコア
← Javascript for Kidsに戻る