ループの章のview source 追加

Yokomi422 · Yokomi422 · commit a70b65f60041 · 2025-12-20T20:52:09.000+09:00
diff --git a/docs/1-trial-session/10-loop/_samples/index.html b/docs/1-trial-session/10-loop/_samples/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/10-loop/_samples/script.js b/docs/1-trial-session/10-loop/_samples/script.js
@@ -0,0 +1,5 @@
+for (let x = 0; x < 5; x += 1) {
+  for (let y = 0; y < 5; y += 1) {
+    document.write(`(x, y) = (${x}, ${y})<br>`);
+  }
+}
diff --git a/docs/1-trial-session/10-loop/index.mdx b/docs/1-trial-session/10-loop/index.mdx
@@ -135,6 +135,8 @@ for (let x = 0; x < 5; x += 1) {
 }
 ```
 
+<ViewSource url={import.meta.url} path="_samples/nested-loop" />
+
 :::tip[テンプレートリテラル]
 
 テンプレートリテラルは、文字列をプログラム中に記述する方法の一種です。ただ、文字列中に別の式を埋め込めるという特徴があります。

Original file line number	Diff line number	Diff line change
`@@ -135,6 +135,8 @@ for (let x = 0; x < 5; x += 1) {`
`135`	`135`	`}`
`136`	`136`	```
`137`	`137`
	`138`	`+<ViewSource url={import.meta.url} path="_samples/nested-loop" />`
	`139`	`+`
`138`	`140`	`:::tip[テンプレートリテラル]`
`139`	`141`
`140`	`142`	`テンプレートリテラルは、文字列をプログラム中に記述する方法の一種です。ただ、文字列中に別の式を埋め込めるという特徴があります。`