答えを表示する
結果を表示します
「答えを表示する」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
答えを表示しましょう！ 📣
電卓で数値を保存し、計算をして、計算方法を選べるようになりました。最後のステップは、答えをきれいに表示することです！ ✨
誰にとっても読みやすく、わかりやすい表示にしてみましょう。
保存してから表示する 💾
まず答えを result という箱に保存し、それから表示しましょう！
let a = 5
let b = 3
let result = a + b
console.log(result)完全な文にする 💬
計算式全体と答えを一緒に表示してみましょう！
let a = 5
let b = 3
let result = a + b
console.log(a + ' + ' + b + ' = ' + result)少し華やかにする ✨
絵文字と言葉を使って、答えを楽しく見せましょう！
let a = 8
let b = 2
let result = a * b
console.log('🎉 The answer is ' + result + '! 🎉')選択に応じて表示する 🎯
if と表示処理を組み合わせましょう！ 計算方法を選び、計算して、きれいに表示します。
let a = 10
let b = 5
let op = 'add'
let result = 0
if (op === 'add') {
result = a + b
}
console.log('Result: ' + result)電卓の完成形！ 🧮
これが完成した電卓です！ 計算方法を選び、わかりやすい答えを表示します。
let a = 12
let b = 4
let op = 'multiply'
let result = 0
if (op === 'add') {
result = a + b
} else if (op === 'subtract') {
result = a - b
} else if (op === 'multiply') {
result = a * b
} else if (op === 'divide') {
result = a / b
}
console.log(a + ' ' + op + ' ' + b + ' = ' + result)掛け算を試す 🔢
完成した電卓の op を 'subtract' に変更して、答えが変わることを確認しましょう！
let a = 9
let b = 4
let op = 'subtract'
let result = 0
if (op === 'add') {
result = a + b
} else if (op === 'subtract') {
result = a - b
}
console.log('Answer: ' + result)間違いに対応する 🛟
ユーザーが予想外の計算方法を選んだ場合は、間違った答えの代わりに、親切なエラーメッセージを表示しましょう！
let op = 'jellybean'
if (op === 'add') {
console.log('Adding!')
} else {
console.log('Oops! Please pick add, subtract, multiply, or divide. 🙂')
}出力を飾る 🎀
答えの周りに線を追加して、バナーのように目立たせましょう！
let a = 6
let b = 6
let result = a + b
console.log('=============')
console.log('Answer: ' + result)
console.log('=============')答えを丸める 🔵
割り算では、小数点以下の桁数が長くなることがあります！ Math.round を使うと、すっきりした整数になります。
let a = 7
let b = 2
let result = a / b
console.log('Exact: ' + result)
console.log('Rounded: ' + Math.round(result))自分の電卓を完成させましょう 🌟
数値と op を変更して、自分だけの電卓を実行しましょう！ ここまで自分で作り上げました！ 🏆
let a = 15
let b = 3
let op = 'divide'
let result = 0
if (op === 'add') {
result = a + b
} else if (op === 'subtract') {
result = a - b
} else if (op === 'multiply') {
result = a * b
} else if (op === 'divide') {
result = a / b
}
console.log(a + ' ' + op + ' ' + b + ' = ' + result)クイックチェック ✅
最後の理解度チェックです！ 🧠
電卓の完成です！ 🎉
電卓を作り上げました！ 🧮🏆 すばらしい成果です！
- 2つの数値を箱に保存しました
+ - * /で計算しましたifで計算方法を選びましたconsole.logできれいに答えを表示しました
これで本物のコーダーです！ 電卓を友達に見せてみましょう！ 💛🚀
よくある質問
「答えを表示する」レッスンは無料ですか？
はい。「答えを表示する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。
「答えを表示する」で何を学びますか？
結果を表示します ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Javascript for Kidsを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。
「答えを表示する」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavascript for Kidsレッスンでコードを書いて実行できますか？
はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。