この教材は、JavaScript の「+」演算子による 文字列の連結 を学ぶための初心者向け教材です。
See the Pen String Concatenation (+ Operator) Practice Set by MONO365 -Color your days- (@monoqlo365) on CodePen.
学べること
+演算子の基本的な使い方- 数値と文字列が混ざったときの型変換のルール
テンプレートリテラルとの違い
遊び方
1️⃣ 練習問題モード
- 「次の式の結果は？」に答えていきます。
- 正解すると緑、間違えると赤に変わります。
- スコアは下部に表示。
2️⃣ 実行モード
- 下のテキストエリアに JavaScript コードを入力して、
Run ▶ を押すと結果が表示されます。 - 例：
“`js
console.log(“Hello ” + “World”);
console.log(10 + “5”);
補足解説
JavaScriptでは、
- 両方が数値 → 足し算
- どちらかが文字列 → 文字列結合
"10" + 5; // "105"
10 + "5"; // "105"
1 + 2 + "3"; // "33"
"3" + 1 + 2; // "312"
See the Pen String Concatenation (+ Operator) Practice Set #2 by MONO365 -Color your days- (@monoqlo365) on CodePen.
