Merge pull request #312 from ut-code/fix-variable-name

chvmvd · web-flow · commit ca97a11c5c24 · 2023-05-07T15:41:47.000+09:00
Fix variable name
diff --git a/docs/2-browser-apps/09-project/_samples/calendar/index.html b/docs/2-browser-apps/09-project/_samples/calendar/index.html
@@ -2,11 +2,11 @@
 <html lang="ja">
   <head>
     <meta charset="UTF-8" />
-    <title>Calender</title>
+    <title>Calendar</title>
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
-    <table id="calender"></table>
+    <table id="calendar"></table>
     <button id="button">消去</button>
     <script src="script.js"></script>
   </body>
diff --git a/docs/2-browser-apps/09-project/_samples/calendar/script.js b/docs/2-browser-apps/09-project/_samples/calendar/script.js
@@ -4,7 +4,7 @@ const year = today.getFullYear();
 const month = today.getMonth();
 const startDate = new Date(year, month, 1);
 const endDate = new Date(year, month + 1, 0);
-const calender = document.getElementById("calender");
+const calendar = document.getElementById("calendar");
 const button = document.getElementById("button");
 
 // 編集中の予定を追うための変数
@@ -22,12 +22,12 @@ for (let i = 0; i < 7; i += 1) {
 }
 
 // 曜日の行を追加
-calender.appendChild(firstRow);
+calendar.appendChild(firstRow);
 
 // 日付の行を作成
 for (let x = 1; x <= 6; x += 1) {
   const tr = document.createElement("tr");
-  calender.appendChild(tr);
+  calendar.appendChild(tr);
   for (let y = 1; y <= 7; y += 1) {
     const td = document.createElement("td");
     const ul = document.createElement("ul");
diff --git a/docs/2-browser-apps/09-project/_samples/calendar/style.css b/docs/2-browser-apps/09-project/_samples/calendar/style.css
@@ -1,9 +1,9 @@
-#calender > td,
+#calendar > td,
 th {
   border: 1px solid black;
 }
 
-#calender {
+#calendar {
   border-collapse: collapse;
 }
 
diff --git a/docs/2-browser-apps/09-project/calendar.mp4 b/docs/2-browser-apps/09-project/calendar.mp4
diff --git a/docs/2-browser-apps/09-project/index.md b/docs/2-browser-apps/09-project/index.md
@@ -5,7 +5,7 @@ title: プロジェクト
 import Term from "@site/src/components/Term";
 import ViewSource from "@site/src/components/ViewSource";
 import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer";
-import calenderVideo from "./calender.mp4";
+import calendarVideo from "./calendar.mp4";
 
 ここまでの知識を使って、今月分の予定管理アプリを作ってみましょう。
 
@@ -16,7 +16,7 @@ import calenderVideo from "./calender.mp4";
 - 編集中には消去ボタンが現れ、押すと予定を削除できる。
 - 編集中に別の場所を押したりエンターキーを押したりすると予定が確定する（何も入力していない状態だと消える）
 
-<video src={calenderVideo} controls loop autoPlay muted />
+<video src={calendarVideo} controls loop autoPlay muted />
 
 ## ヒント
 
@@ -89,4 +89,4 @@ window.addEventListener("keypress", pressed);
 
 解答例は次のリンクを参照してください。
 
-<ViewSource url={import.meta.url} path="_samples/calender" />
+<ViewSource url={import.meta.url} path="_samples/calendar" />

Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,9 @@`
`1`		`-#calender > td,`
	`1`	`+#calendar > td,`
`2`	`2`	`th {`
`3`	`3`	`border: 1px solid black;`
`4`	`4`	`}`
`5`	`5`
`6`		`-#calender {`
	`6`	`+#calendar {`
`7`	`7`	`border-collapse: collapse;`
`8`	`8`	`}`
`9`	`9`