@@ -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
3535const 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"
7777function pressed () {
0 commit comments