Skip to content

Commit ee2d209

Browse files
chvmvdchvmvd
committed
ブラウザ側のJavaScriptを脱ESM化
1 parent 4593470 commit ee2d209

File tree

14 files changed

+54
-44
lines changed

14 files changed

+54
-44
lines changed

‎docs/3-web-servers/06-fetch-api/_samples/fetch-open-status-json/public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
<p>カフェは現在<span id="open-status"></span>です。</p>
99
<!-- prettier-ignore -->
1010
<p>本日の営業時間は<span id="open-time"></span>から<span id="close-time"></span>です。</p>
11-
<script type="module" src="./script.mjs"></script>
11+
<script src="./script.js"></script>
1212
</body>
1313
</html>

‎docs/3-web-servers/06-fetch-api/_samples/fetch-open-status-json/public/script.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
async function fetchOpenStatus() {
2+
const response = await fetch("/open-status");
3+
const openStatus = await response.json();
4+
if (openStatus.isOpen) {
5+
document.getElementById("open-status").textContent = "営業中";
6+
} else {
7+
document.getElementById("open-status").textContent = "営業時間外";
8+
}
9+
document.getElementById("open-time").textContent = openStatus.openTime;
10+
document.getElementById("close-time").textContent = openStatus.closeTime;
11+
}
12+
13+
fetchOpenStatus();

‎docs/3-web-servers/06-fetch-api/_samples/fetch-open-status-json/public/script.mjs‎

Lines changed: 0 additions & 11 deletions
This file was deleted.

‎docs/3-web-servers/06-fetch-api/_samples/fetch-open-status/public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,6 @@
66
</head>
77
<body>
88
<p>カフェは現在<span id="open-status"></span>です。</p>
9-
<script type="module" src="./script.mjs"></script>
9+
<script src="./script.js"></script>
1010
</body>
1111
</html>

‎docs/3-web-servers/06-fetch-api/_samples/fetch-open-status/public/script.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
async function fetchOpenStatus() {
2+
const response = await fetch("/open-status");
3+
const openStatus = await response.text();
4+
document.getElementById("open-status").textContent = openStatus;
5+
}
6+
7+
fetchOpenStatus();

‎docs/3-web-servers/06-fetch-api/_samples/fetch-open-status/public/script.mjs‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎docs/3-web-servers/06-fetch-api/index.mdx‎

Lines changed: 21 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -90,14 +90,17 @@ app.listen(3000);
9090

9191
```html title="public/index.htmlの抜粋"
9292
<p>カフェは現在<span id="open-status"></span>です。</p>
93-
<script type="module" src="./script.mjs"></script>
93+
<script src="./script.js"></script>
9494
```
9595

96-
```javascript title="public/script.mjs (ブラウザ上で動作するJavaScript)"
97-
const response = await fetch("/open-status");
98-
const openStatus = await response.text();
96+
```javascript title="public/script.js (ブラウザ上で動作するJavaScript)"
97+
async function fetchOpenStatus() {
98+
const response = await fetch("/open-status");
99+
const openStatus = await response.text();
100+
document.getElementById("open-status").textContent = openStatus;
101+
}
99102

100-
document.getElementById("open-status").textContent = openStatus;
103+
fetchOpenStatus();
101104
```
102105

103106
<ViewSource url={import.meta.url} path="_samples/fetch-open-status" />
@@ -203,21 +206,23 @@ app.listen(3000);
203206
```html title="public/index.htmlの抜粋"
204207
<p>カフェは現在<span id="open-status"></span>です。</p>
205208
<p>本日の営業時間は<span id="open-time"></span>から<span id="close-time"></span>です。</p>
206-
<script type="module" src="./script.mjs"></script>
209+
<script src="./script.js"></script>
207210
```
208211

209-
```javascript title="public/script.mjs (ブラウザ上で動作するJavaScript)"
210-
const response = await fetch("/open-status");
211-
const openStatus = await response.json();
212-
213-
if (openStatus.isOpen) {
214-
document.getElementById("open-status").textContent = "営業中";
215-
} else {
216-
document.getElementById("open-status").textContent = "営業時間外";
212+
```javascript title="public/script.js (ブラウザ上で動作するJavaScript)"
213+
async function fetchOpenStatus() {
214+
const response = await fetch("/open-status");
215+
const openStatus = await response.json();
216+
if (openStatus.isOpen) {
217+
document.getElementById("open-status").textContent = "営業中";
218+
} else {
219+
document.getElementById("open-status").textContent = "営業時間外";
220+
}
221+
document.getElementById("open-time").textContent = openStatus.openTime;
222+
document.getElementById("close-time").textContent = openStatus.closeTime;
217223
}
218224

219-
document.getElementById("open-time").textContent = openStatus.openTime;
220-
document.getElementById("close-time").textContent = openStatus.closeTime;
225+
fetchOpenStatus();
221226
```
222227

223228
<ViewSource url={import.meta.url} path="_samples/fetch-open-status-json" />

‎docs/3-web-servers/07-fetch-api-post/_samples/book-search/public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
<input id="author-input" placeholder="著者名" />
99
<button id="search-button" type="button">検索</button>
1010
<ul id="book-list"></ul>
11-
<script type="module" src="./script.mjs"></script>
11+
<script src="./script.js"></script>
1212
</body>
1313
</html>

docs/3-web-servers/07-fetch-api-post/_samples/book-search/public/script.mjs renamed to docs/3-web-servers/07-fetch-api-post/_samples/book-search/public/script.js

File renamed without changes.

‎docs/3-web-servers/07-fetch-api-post/_samples/calculate-tax/public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,6 @@
99
<button id="calculate-button" type="button">計算</button>
1010
<div>消費税額：<span id="tax"></span>円</div>
1111
<div>税込価格：<span id="total"></span>円</div>
12-
<script type="module" src="./script.mjs"></script>
12+
<script src="./script.js"></script>
1313
</body>
1414
</html>

0 commit comments

Comments
 (0)