変数の章に問題を追加 (#703)

chvmvd · web-flow · commit 610b5e6db702 · 2024-04-12T08:48:00.000+08:00
diff --git a/docs/1-trial-session/05-variables/_samples/counter/index.html b/docs/1-trial-session/05-variables/_samples/counter/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="utf-8" />
+    <title>カウンター</title>
+  </head>
+  <body>
+    <script src="./script.js"></script>
+  </body>
+</html>
diff --git a/docs/1-trial-session/05-variables/_samples/counter/script.js b/docs/1-trial-session/05-variables/_samples/counter/script.js
@@ -0,0 +1,4 @@
+let counter = 0;
+document.write(counter);
+counter = counter + 1;
+document.write(counter);
diff --git a/docs/1-trial-session/05-variables/index.mdx b/docs/1-trial-session/05-variables/index.mdx
@@ -100,3 +100,21 @@ document.write(price);
 よって、最終的に<Term>変数</Term> `price` の<Term>値</Term>は `50` となり、これは `price` を半分にする操作に対応します。
 
 ![変数の再代入](./reassignment-evaluation.png)
+
+## 確認問題
+
+`counter` という名前の変数を作成し初期値を `0` としてください。
+その後、`counter` に `1` を加え、その結果を表示してください。
+
+<Answer title="カウンター">
+
+```javascript title="script.js"
+let counter = 0;
+document.write(counter);
+counter = counter + 1;
+document.write(counter);
+```
+
+<ViewSource url={import.meta.url} path="_samples/counter" />
+
+</Answer>
