課題に回答表示を追加

sYakusHinineko · sYakusHinineko · commit 506d471288b7 · 2023-09-24T23:36:50.000+09:00
diff --git a/docs/1-trial-session/14-events/_samples/index.html b/docs/1-trial-session/14-events/_samples/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="utf-8" />
+    <title>Title</title>
+  </head>
+  <body>
+    <div id="greeting"></div>
+    <button id="button">ボタン</button>
+    <script src="./script.js"></script>
+  </body>
+</html>
diff --git a/docs/1-trial-session/14-events/_samples/script.js b/docs/1-trial-session/14-events/_samples/script.js
@@ -0,0 +1,10 @@
+const greetingElement = document.getElementById("greeting");
+const buttonElement = document.getElementById("button");
+
+function onGreetingButtonClick() {
+  greetingElement.textContent = "Hello world!!";
+  greetingElement.style.color = "red";
+  greetingElement.style.fontSize = "40px";
+}
+
+buttonElement.onclick = onGreetingButtonClick;
diff --git a/docs/1-trial-session/14-events/index.md b/docs/1-trial-session/14-events/index.md
@@ -106,3 +106,5 @@ HTMLファイルに一工夫が必要です。見えない`<div>` タグを用
 ```
 
 </Details>
+
+<ViewSource url={import.meta.url} path="_samples/" />
