質問編集履歴
2
jsを変更しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
|
|
22
22
|
<script>
|
|
23
23
|
// カレンダー
|
|
24
|
-
window.onload = function () {
|
|
25
24
|
// 現在の年月の取得
|
|
26
25
|
var current = new Date();
|
|
27
26
|
var year = current.getFullYear();
|
|
@@ -30,8 +29,8 @@
|
|
|
30
29
|
// カレンダーの表示
|
|
31
30
|
var wrapper = document.getElementById('calendar');
|
|
32
31
|
add_calendar(wrapper, year, month);
|
|
33
|
-
}
|
|
34
32
|
|
|
33
|
+
|
|
35
34
|
function handler(e) {
|
|
36
35
|
if (e.target.innerText === "") return;
|
|
37
36
|
const yearmonth = document.querySelector(".calendar-header__title").innerText;
|
|
@@ -212,10 +211,13 @@
|
|
|
212
211
|
}
|
|
213
212
|
|
|
214
213
|
// こちらを追加
|
|
215
|
-
|
|
214
|
+
$(function () {
|
|
216
|
-
|
|
215
|
+
$(".calendar-table td").on("click", function () {
|
|
216
|
+
$(".calendar-table td").removeClass("active");
|
|
217
|
-
|
|
217
|
+
$(this).addClass("active");
|
|
218
|
+
});
|
|
218
219
|
});
|
|
220
|
+
|
|
219
221
|
</script>
|
|
220
222
|
```
|
|
221
223
|
|
1
追加のjavascriptの場所を追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -210,6 +210,12 @@
|
|
|
210
210
|
}
|
|
211
211
|
return calendarData;
|
|
212
212
|
}
|
|
213
|
+
|
|
214
|
+
// こちらを追加
|
|
215
|
+
const btn = document.querySelector('.calendar-table td');
|
|
216
|
+
btn.addEventListener('click', (e) => {
|
|
217
|
+
e.target.classList.toggle('active');
|
|
218
|
+
});
|
|
213
219
|
</script>
|
|
214
220
|
```
|
|
215
221
|
|
|
@@ -219,8 +225,12 @@
|
|
|
219
225
|
有識者の方がいらっしゃいましたら、ご教授いただけますと幸いです。
|
|
220
226
|
|
|
221
227
|
```ここに言語を入力
|
|
228
|
+
|
|
229
|
+
// こちらを追加
|
|
222
230
|
const btn = document.querySelector('.calendar-table td');
|
|
223
231
|
btn.addEventListener('click', (e) => {
|
|
224
232
|
e.target.classList.toggle('active');
|
|
225
233
|
});
|
|
234
|
+
|
|
235
|
+
|
|
226
236
|
```
|