teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問Javascript ==再度【カレンダー】の作成に　　

編集履歴

質問編集履歴

7

書式の改善

2017/01/13 13:17

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
File without changes

6

誤字

2017/01/13 13:17

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
@@ -216,4 +216,8 @@
216
216
 
217
217
 
218
218
 
219
+
220
+
221
+
222
+
219
- ```
223
+ ```

5

文法の訂正

2017/01/13 13:15

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
@@ -188,9 +188,11 @@
188
188
 
189
189
  ```
190
190
 
191
+
192
+
191
- ///////////////////////////////////////////////////////////////////////////////
193
+ 【質問内容】
192
-
194
+
193
- ///////////////////////////////////////////////////////////////////////////////
195
+ ```
194
196
 
195
197
  【再度】==質問です。この前の 回答文の記述に
196
198
 
@@ -212,6 +214,6 @@
212
214
 
213
215
  ヒント および こたえを＝＝わたくしに 下さい(´；ω；`)ｳｩ｜非常口｜ｩ
214
216
 
215
- ///////////////////////////////////////////////////////////////////////////////
217
+
216
-
218
+
217
- //////////////////////////////////////////////////////////////////////////////
219
+ ```

4

書式

2017/01/13 13:15

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
@@ -188,10 +188,10 @@
188
188
 
189
189
  ```
190
190
 
191
-
192
-
193
191
  ///////////////////////////////////////////////////////////////////////////////
194
192
 
193
+ ///////////////////////////////////////////////////////////////////////////////
194
+
195
195
  【再度】==質問です。この前の 回答文の記述に
196
196
 
197
197
  纏め CODINGを試みたのですが
@@ -213,3 +213,5 @@
213
213
  ヒント および こたえを＝＝わたくしに 下さい(´；ω；`)ｳｩ｜非常口｜ｩ
214
214
 
215
215
  ///////////////////////////////////////////////////////////////////////////////
216
+
217
+ //////////////////////////////////////////////////////////////////////////////

3

文法の修正

2017/01/13 13:12

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
File without changes

2

文法の修正

2017/01/13 12:53

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
@@ -192,18 +192,24 @@
192
192
 
193
193
  ///////////////////////////////////////////////////////////////////////////////
194
194
 
195
- 【再度】==質問です。この前の 回答文を
195
+ 【再度】==質問です。この前の 回答文の記述に
196
-
197
-
198
-
196
+
199
- ANSWER==を 纏め 記述を試みたのですが
197
+ 纏め CODINGを試みたのですが
200
-
198
+
201
- どぅしても 出力為 なぃ ので
199
+ どうしても 出力為 なぃ ので(BROWSERに)反映を 其れが
200
+
202
-
201
+ 何故なのか 記載ミスなのか其れとも【根本的に】 違うのか
202
+
203
+ 参考書等 何冊かを確かめながら
204
+
203
- ERRORと MISS の 発見を助言を もし御抵抗がないので あれば
205
+ ERRORと MISS の 発見を試みているのですが
206
+
204
-
207
+ 困ってます(´；ω；`)ｳｩｩ相当 時間を 奪われ
208
+
205
-
209
+ ぼくは瀕死です
210
+
206
-
211
+ 助言を もし御抵抗が無いので あれば
212
+
207
- ヒント および こたえ＝＝をわたくしに くだざぃ (゜゜)
213
+ ヒント および こたえを＝＝わたくしに 下さい(´；ω；`)ｳｩ｜非常口｜ｩ
208
214
 
209
215
  ///////////////////////////////////////////////////////////////////////////////

1

<code>タグ　内部に　　Javascript および HTML　を

2017/01/13 12:46

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
@@ -1,197 +1,195 @@
1
+ 【HTMLFILE】
2
+
1
3
  ```ここに言語を入力
2
4
 
5
+
6
+
7
+ <div id="calendar_00">
8
+
3
- 【HTMLFILE】
9
+ </div>
4
10
 
5
11
  ```
6
12
 
7
- <div id="calendar_00">
8
-
9
- </div>
13
+ 【JavascriptFILE】
10
-
11
-
12
14
 
13
15
  ```ここに言語を入力
14
16
 
17
+ //addEventlistener および attachEvent かを 判断(関数addListener)＝＝作成
18
+
19
+ function addListener(element, event, listener) {
20
+
21
+ //addEventlistener(InternetExplorer以外)の処理
22
+
23
+ if (element.addEventListener) {
24
+
25
+ element.addEventListener(event, listener, false);
26
+
27
+ //attachEvent(InternetExplorer および其の)処理
28
+
29
+ } else if (element.attachEvent) {
30
+
31
+ element.attachEvent('on' + event, listener);
32
+
33
+ } else {
34
+
35
+ //どちらも 扱えない 場合の 処理
36
+
37
+ throw new Error('イベントリスナに未対応です。');
38
+
39
+ }
40
+
41
+ };
42
+
43
+ //上記 判断がら 関数を実行(div#calendar を 扱い其のelement から
44
+
45
+ //日付のDATAオブジェクトを 要素と絡めて カレンダーを 構築
46
+
47
+ addListener(window, 'load', init);
48
+
49
+ addListener(window, 'load', calendar_00);
50
+
51
+
52
+
53
+ //init()関数
54
+
55
+ function init() {
56
+
57
+ var element = document.getElementById("calendar");
58
+
59
+ //calendar の 範囲 style.backgroundColor="red" 赤色表記(確認用)
60
+
61
+ return element.style.backgroundColor = "red";
62
+
63
+
64
+
65
+ };
66
+
67
+
68
+
69
+ //関数koyomi()＝＝カレンダーを LOAD時 に画面に出力
70
+
71
+ function calendar_00() {
72
+
73
+ var calendar_00 = document.getElementById("calendar_00");
74
+
75
+
76
+
77
+ var currentmeantime = new Date();
78
+
79
+
80
+
81
+ var year = currentmeantime.getFullYear();
82
+
83
+ var month = currentmeantime.getMonth() + 1;
84
+
85
+ currentmeantime.setDate(1);
86
+
87
+
88
+
89
+ var monthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
90
+
91
+ var numOfMonth = monthDays[month - 1];
92
+
93
+
94
+
95
+ var daysOfWeek = ['日', '月', '火', '水', '木', '金', '土'];
96
+
97
+
98
+
15
- 【JavascriptFILE】
99
+ var column;
100
+
101
+ var i;
102
+
103
+
104
+
105
+ if (month == 2 && ((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0))) {
106
+
107
+ numOfMonth = 29;
108
+
109
+ }
110
+
111
+ calendar_00.innerHTML = "<table class='table_style'>";
112
+
113
+
114
+
115
+ calendar_00.innerHTML += "<tr>";
116
+
117
+ for (i = 0; i <= 6; i++) {
118
+
119
+
120
+
121
+ calendar_00.innerHTML += "<th>" + daysOfWeek[i] + "</th>";
122
+
123
+
124
+
125
+ }
126
+
127
+ calendar_00.innerHTML += "</tr>";
128
+
129
+
130
+
131
+ calendar_00.innerHTML += "<tr>";
132
+
133
+
134
+
135
+ for (column = 0; column < currentmeantime.getDay() ; column++) {
136
+
137
+
138
+
139
+ calendar_00.innerHTML += "<td></td>";
140
+
141
+
142
+
143
+ }
144
+
145
+
146
+
147
+ for (i = 1; i <= numOfMonth; i++) {
148
+
149
+ calendar_00.innerHTML += "<td>" + i + "</td>";
150
+
151
+ if (column == 6) {
152
+
153
+
154
+
155
+ calendar_00.innerHTML += "</tr>";
156
+
157
+
158
+
159
+ column = 0;
160
+
161
+ if (!(i == numOfMonth)) {
162
+
163
+
164
+
165
+ calendar_00.innerHTML += "<tr>";
166
+
167
+
168
+
169
+ }
170
+
171
+ } else {
172
+
173
+ column++;
174
+
175
+ }
176
+
177
+ }
178
+
179
+
180
+
181
+ calendar_00.innerHTML += "</table>";
182
+
183
+
184
+
185
+ return calendar_00;
186
+
187
+ };
16
188
 
17
189
  ```
18
190
 
19
191
 
20
192
 
21
- //addEventlistener および attachEvent かを 判断(関数addListener)＝＝作成
22
-
23
- function addListener(element, event, listener) {
24
-
25
- //addEventlistener(InternetExplorer以外)の処理
26
-
27
- if (element.addEventListener) {
28
-
29
- element.addEventListener(event, listener, false);
30
-
31
- //attachEvent(InternetExplorer および其の)処理
32
-
33
- } else if (element.attachEvent) {
34
-
35
- element.attachEvent('on' + event, listener);
36
-
37
- } else {
38
-
39
- //どちらも 扱えない 場合の 処理
40
-
41
- throw new Error('イベントリスナに未対応です。');
42
-
43
- }
44
-
45
- };
46
-
47
- //上記 判断がら 関数を実行(div#calendar を 扱い其のelement から
48
-
49
- //日付のDATAオブジェクトを 要素と絡めて カレンダーを 構築
50
-
51
- addListener(window, 'load', init);
52
-
53
- addListener(window, 'load', calendar_00);
54
-
55
-
56
-
57
- //init()関数
58
-
59
- function init() {
60
-
61
- var element = document.getElementById("calendar");
62
-
63
- //calendar の 範囲 style.backgroundColor="red" 赤色表記(確認用)
64
-
65
- return element.style.backgroundColor = "red";
66
-
67
-
68
-
69
- };
70
-
71
-
72
-
73
- //関数koyomi()＝＝カレンダーを LOAD時 に画面に出力
74
-
75
- function calendar_00() {
76
-
77
- var calendar_00 = document.getElementById("calendar_00");
78
-
79
-
80
-
81
- var currentmeantime = new Date();
82
-
83
-
84
-
85
- var year = currentmeantime.getFullYear();
86
-
87
- var month = currentmeantime.getMonth() + 1;
88
-
89
- currentmeantime.setDate(1);
90
-
91
-
92
-
93
- var monthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
94
-
95
- var numOfMonth = monthDays[month - 1];
96
-
97
-
98
-
99
- var daysOfWeek = ['日', '月', '火', '水', '木', '金', '土'];
100
-
101
-
102
-
103
- var column;
104
-
105
- var i;
106
-
107
-
108
-
109
- if (month == 2 && ((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0))) {
110
-
111
- numOfMonth = 29;
112
-
113
- }
114
-
115
- calendar_00.innerHTML = "<table class='table_style'>";
116
-
117
-
118
-
119
- calendar_00.innerHTML += "<tr>";
120
-
121
- for (i = 0; i <= 6; i++) {
122
-
123
-
124
-
125
- calendar_00.innerHTML += "<th>" + daysOfWeek[i] + "</th>";
126
-
127
-
128
-
129
- }
130
-
131
- calendar_00.innerHTML += "</tr>";
132
-
133
-
134
-
135
- calendar_00.innerHTML += "<tr>";
136
-
137
-
138
-
139
- for (column = 0; column < currentmeantime.getDay() ; column++) {
140
-
141
-
142
-
143
- calendar_00.innerHTML += "<td></td>";
144
-
145
-
146
-
147
- }
148
-
149
-
150
-
151
- for (i = 1; i <= numOfMonth; i++) {
152
-
153
- calendar_00.innerHTML += "<td>" + i + "</td>";
154
-
155
- if (column == 6) {
156
-
157
-
158
-
159
- calendar_00.innerHTML += "</tr>";
160
-
161
-
162
-
163
- column = 0;
164
-
165
- if (!(i == numOfMonth)) {
166
-
167
-
168
-
169
- calendar_00.innerHTML += "<tr>";
170
-
171
-
172
-
173
- }
174
-
175
- } else {
176
-
177
- column++;
178
-
179
- }
180
-
181
- }
182
-
183
-
184
-
185
- calendar_00.innerHTML += "</table>";
186
-
187
-
188
-
189
- return calendar_00;
190
-
191
- };
192
-
193
-
194
-
195
193
  ///////////////////////////////////////////////////////////////////////////////
196
194
 
197
195
  【再度】==質問です。この前の 回答文を