0Pricing
Javascript for Kids · レッスン

演算を選ぶ

ifで選択します

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

ユーザーに選んでもらいましょう! 🎛️

本物の電卓では、どの計算をするか選べます。+、-、× のいずれかを押してみましょう!

コードで選択肢を作るには、魔法の言葉 if を使います。 🤔

if とは何でしょう? 🚦

if は、何かが TRUE かどうかを確認します。TRUE なら、{ } の中のコードを実行します!

チケットを持っている人だけを通す、ドアの警備員のようなものです。 🎟️

let op = 'add'
if (op === 'add') {
  console.log('You picked adding!')
}

イコールが3つ?! 🟰🟰🟰

2つのものが一致するか確認するには、===(イコール3つ)を使います。「これらは同じですか?」と尋ねる記号です。

覚えておきましょう。イコール1つは保存、イコール3つは確認です!

let op = 'add'
if (op === 'add') {
  console.log('Yes, they match!')
}

選ばれたら足し算 ➕

ユーザーが 'add' を選んだ場合だけ、数値を足してみましょう!

let a = 5
let b = 3
let op = 'add'
if (op === 'add') {
  console.log(a + b)
}

さらに選ぶには else if 🔀

引き算の場合はどうでしょうか? 別の選択肢を確認するには else if を使います!

let a = 5
let b = 3
let op = 'subtract'
if (op === 'add') {
  console.log(a + b)
} else if (op === 'subtract') {
  console.log(a - b)
}

4つすべての選択肢 🎯

if と else if を使って、すべての計算に対応してみましょう!

let a = 12
let b = 4
let op = 'multiply'
if (op === 'add') {
  console.log(a + b)
} else if (op === 'subtract') {
  console.log(a - b)
} else if (op === 'multiply') {
  console.log(a * b)
} else if (op === 'divide') {
  console.log(a / b)
}

すべてに対応する else 🥅

ユーザーが予想外のものを入力したらどうなるでしょうか? else は、一致しなかったすべてのケースに対応します!

let op = 'banana'
if (op === 'add') {
  console.log('Adding')
} else {
  console.log('I do not know that one!')
}

別の計算を試す 🔄

op を 'divide' に変更して、答えが変わることを確認しましょう! if が正しい計算を選びます。

let a = 20
let b = 5
let op = 'divide'
if (op === 'add') {
  console.log(a + b)
} else if (op === 'divide') {
  console.log(a / b)
}

わかりやすいメッセージ 💬

数値だけでなく、どの計算をしたかもユーザーに伝えましょう!

let a = 6
let b = 2
let op = 'subtract'
if (op === 'subtract') {
  console.log(a + ' minus ' + b + ' is ' + (a - b))
}

記号を選択肢にする ➕➖

言葉の代わりに、'+' のような記号を選択肢として使うこともできます!

let a = 4
let b = 4
let op = '+'
if (op === '+') {
  console.log(a + b)
} else if (op === '*') {
  console.log(a * b)
}

選んでみましょう 🌟

op を 'multiply' に変更して実行しましょう! if が正しい処理の流れを選ぶことを確認してください。 🎯

let a = 7
let b = 3
let op = 'add'
if (op === 'add') {
  console.log(a + b)
} else if (op === 'multiply') {
  console.log(a * b)
}

クイックチェック ✅

選択についての理解度チェックです! 🧠

計算方法の選択のおさらい 🎉

これで選択肢を作れるようになりました! 🎛️ 電卓が計算方法を選びます。

  • if は、何かが true のときにコードを実行する
  • === は、2つのものが一致するか確認する
  • else if と else は、さらに多くの選択肢に対応する

最後のレッスンでは、最終的な答えをきれいに表示します! 📣

よくある質問

「演算を選ぶ」レッスンは無料ですか?

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

「演算を選ぶ」で何を学びますか?

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

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

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

「演算を選ぶ」レッスンにはどのくらい時間がかかりますか?

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

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

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

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

  1. 2つの数値
  2. 計算する
  3. 演算を選ぶ
  4. 答えを表示する
← Javascript for Kidsに戻る