Skip to content

名前を追加 #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ShokiYokota wants to merge 2 commits into
base: main-2023
Choose a base branch
from
Open

名前を追加 #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
44510c3
名前を追加
ShokiYokota Oct 25, 2023
0e7d3ec
formのコミット漏れ対応
ShokiYokota Oct 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>アンケート</title>
</head>
<body>
<h1>どちらが食べたいですか？</h1>
<form method="post" action="/enquetes/yaki-tofu">
名前:<input type="text" name="name" />
<input type="radio" name="yaki-tofu" value="焼き肉" /> 焼き肉
<input type="radio" name="yaki-tofu" value="湯豆腐" /> 湯豆腐
<button type="submit">投稿</button>
</form>
</body>
</html>
58 changes: 33 additions & 25 deletions index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,48 @@
'use strict';
const http = require('node:http');
'use strict'
const http = require('node:http')
const fs = require('node:fs')
const server = http
.createServer((req, res) => {
const now = new Date();
console.info(`[${now}] Requested by ${req.socket.remoteAddress}`);
const now = new Date()
console.info(`[${now}] Requested by ${req.socket.remoteAddress}`)
res.writeHead(200, {
'Content-Type': 'text/plain; charset=utf-8'
});
'Content-Type': 'text/html; charset=utf-8',
})

switch (req.method) {
case 'GET':
res.write(`GET ${req.url}`);
break;
const rs = fs.createReadStream('./form.html')
rs.pipe(res)
break
case 'POST':
res.write(`POST ${req.url}`);
let rawData = '';
let rawData = ''
req
.on('data', chunk => {
rawData += chunk;
.on('data', (chunk) => {
rawData += chunk
})
.on('end', () => {
console.info(`[${now}] Data posted: ${rawData}`);
});
break;
const answer = new URLSearchParams(rawData)
const body = `${answer.get('name')}さんは${answer.get(
'yaki-tofu'
)}に投票しました`
console.info(`[${now}] ${body}`)
res.write(
`<!DOCTYPE html><html lang="ja"><body><h1>${body}</h1></body></html>`
)
res.end()
})
break
default:
break;
break
}
res.end();
})
.on('error', e => {
console.error(`[${new Date()}] Server Error`, e);
.on('error', (e) => {
console.error(`[${new Date()}] Server Error`, e)
})
.on('clientError', (e) => {
console.error(`[${new Date()}] Client Error`, e)
})
.on('clientError', e => {
console.error(`[${new Date()}] Client Error`, e);
});
const port = 8000;
const port = 8000
server.listen(port, () => {
console.info(`[${new Date()}] Listening on ${port}`);
});
console.info(`[${new Date()}] Listening on ${port}`)
})