domの章にviewsource 復活

Yokomi422 · Yokomi422 · commit 8d96eb9f89b7 · 2025-12-20T20:56:49.000+09:00
diff --git a/docs/1-trial-session/13-dom/_samples/get-element-by-id/index.html b/docs/1-trial-session/13-dom/_samples/get-element-by-id/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="utf-8" />
+    <title>Title</title>
+  </head>
+  <body>
+    <div id="greeting">Hello World</div>
+    <script src="./script.js"></script>
+  </body>
+</html>
diff --git a/docs/1-trial-session/13-dom/_samples/get-element-by-id/scripts.js b/docs/1-trial-session/13-dom/_samples/get-element-by-id/scripts.js
@@ -0,0 +1,2 @@
+const element = document.getElementById("greeting");
+element.textContent = "Hello DOM";
diff --git a/docs/1-trial-session/13-dom/index.mdx b/docs/1-trial-session/13-dom/index.mdx
@@ -39,6 +39,8 @@ const greetingElement = document.getElementById("greeting");
 greetingElement.textContent = "Hello DOM";
 ```
 
+<ViewSource url={import.meta.url} path="_samples/get-element-by-id" />
+
 {/* prettier-ignore */}
 <Term>変数</Term>`greetingElement`には、`index.html`に記述された`div`<Term>要素</Term>に対応する<Term>オブジェクト</Term>が<Term>代入</Term>されています。
 

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+const element = document.getElementById("greeting");`
	`2`	`+element.textContent = "Hello DOM";`