Update answer of forum in form section (#658)

chvmvd · web-flow · commit be8614c61026 · 2024-03-30T14:14:32.000+09:00
#657 ではデータベースの解答のみしか修正されていなかったため、他の解答も #657 に合わせました。
diff --git a/docs/3-web-servers/06-get-post/_samples/forum/index.html b/docs/3-web-servers/06-get-post/_samples/forum/index.html
@@ -1,16 +1,16 @@
 <!doctype html>
 <html lang="ja">
   <head>
-    <meta charset="UTF-8" />
-    <title>Document</title>
+    <meta charset="utf-8" />
+    <title>掲示板</title>
   </head>
   <body>
     <ul>
       <!-- messages -->
     </ul>
-    <form action="/send" method="post">
-      <input name="message" />
-      <button>送信</button>
+    <form method="post" action="/send">
+      <input placeholder="メッセージ" name="message" />
+      <button type="submit">送信</button>
     </form>
   </body>
 </html>
diff --git a/docs/3-web-servers/06-get-post/_samples/forum/main.mjs b/docs/3-web-servers/06-get-post/_samples/forum/main.mjs
@@ -1,14 +1,13 @@
-import express from "express";
 import { readFileSync } from "node:fs";
+import express from "express";
 
 const app = express();
+app.use(express.urlencoded({ extended: true }));
 
 const messages = [];
 
-app.use(express.urlencoded({ extended: true }));
-
+const template = readFileSync("./index.html", "utf-8");
 app.get("/", (request, response) => {
-  const template = readFileSync("./index.html", "utf-8");
   const html = template.replace(
     "<!-- messages -->",
     messages.map((message) => `<li>${message}</li>`).join(""),
@@ -18,7 +17,7 @@ app.get("/", (request, response) => {
 
 app.post("/send", (request, response) => {
   messages.push(request.body.message);
-  response.send("送信しました。");
+  response.redirect("/");
 });
 
 app.listen(3000);
