Skip to content

Commit 55422a4

Browse files
committed
Add spaces before and after inline code
1 parent e66f4bf commit 55422a4

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

docs/2-browser-apps/09-project/index.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,9 @@ import calenderVideo from "./calender.mp4";
2727

2828
### ① について
2929

30-
- HTML 要素の作成は`document.createElement`関数を使って行えます。また、`appendChild`メソッドを用いることで要素内に子要素を追加することができます。
30+
- HTML 要素の作成は `document.createElement` 関数を使って行えます。また、`appendChild` メソッドを用いることで要素内に子要素を追加することができます。
3131

32-
- 表を作るわけなので`table`タグを使うのですが、日数を1から30前後までいちいち html ファイルに書き込んでいくのは手間ですし応用が効かないので、JavaScript ファイル上で繰り返しを使ってコードを簡潔にしましょう。もちろん今月の日数はカレンダーを見ればわかりますが、[`Date` クラス](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date)を用いて月初めの日と月終わりの日を取ってこれば、計算をしなくても始まりの曜日や月の日数が取ってこれそうですね。
32+
- 表を作るわけなので `table` タグを使うのですが、日数を1から30前後までいちいち html ファイルに書き込んでいくのは手間ですし応用が効かないので、JavaScript ファイル上で繰り返しを使ってコードを簡潔にしましょう。もちろん今月の日数はカレンダーを見ればわかりますが、[`Date` クラス](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date)を用いて月初めの日と月終わりの日を取ってこれば、計算をしなくても始まりの曜日や月の日数が取ってこれそうですね。
3333

3434
```javascript
3535
const today = new Date();
@@ -49,9 +49,9 @@ const container = {};
4949

5050
### ② について
5151

52-
- 要素をクリックした時に実行される関数は要素の`onclick` <Term type="javascriptProperty">プロパティ</Term>から設定することができます。
52+
- 要素をクリックした時に実行される関数は要素の `onclick` <Term type="javascriptProperty">プロパティ</Term>から設定することができます。
5353

54-
- イベントが発生して関数が呼び出されると、一番目の引数に発生したイベントの情報が格納された `Event` オブジェクトが渡されてきます。`Event`オブジェクトの`target`<Term type="javascriptProperty">プロパティ</Term>を用いることで、クリックした要素を取得することができます。取得した要素の種類によって関数を変えることで、予定の編集や追加の機能を実現できます。
54+
- イベントが発生して関数が呼び出されると、一番目の引数に発生したイベントの情報が格納された `Event` オブジェクトが渡されてきます。`Event` オブジェクトの `target` <Term type="javascriptProperty">プロパティ</Term>を用いることで、クリックした要素を取得することができます。取得した要素の種類によって関数を変えることで、予定の編集や追加の機能を実現できます。
5555

5656
```html title="index.html"
5757
<div id="div">ここをクリック!</div>
@@ -69,9 +69,9 @@ div.onclick = clicked;
6969

7070
<ViewSource url={import.meta.url} path="_samples/event-target" />
7171

72-
- グローバル変数の[`window`](https://developer.mozilla.org/ja/docs/Web/API/Window)は、スクリプトを実行しているウィンドウそのものを表します。この変数も`onclick`要素を指定することができます。
72+
- グローバル変数の [`window`](https://developer.mozilla.org/ja/docs/Web/API/Window) は、スクリプトを実行しているウィンドウそのものを表します。この変数も `onclick` 要素を指定することができます。
7373

74-
- [`addEventListener`メソッド](https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener)は、ターゲットに特定のイベントが行われるたびに呼び出される関数を設定します。
74+
- [`addEventListener` メソッド](https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener)は、ターゲットに特定のイベントが行われるたびに呼び出される関数を設定します。
7575

7676
```javascript title="script.js"
7777
function pressed() {

0 commit comments

Comments
 (0)