質問編集履歴

1

重複を訂正 およびコードブロックを 含みます。

2016/12/23 02:46

投稿

learner-crow
learner-crow

スコア13

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,11 @@
20
20
 
21
21
  ###該当のソースコード
22
22
 
23
+ ```ここに言語を入力
24
+
23
25
  【HTML FILE】
26
+
27
+
24
28
 
25
29
  <!--calendar-->
26
30
 
@@ -34,7 +38,15 @@
34
38
 
35
39
  </div>
36
40
 
41
+ ```
42
+
43
+
44
+
45
+ ```ここに言語を入力
46
+
37
47
  【javascript FILE】
48
+
49
+
38
50
 
39
51
  //addEventlistener および attachEvent かを 判断(関数addListener)==作成
40
52
 
@@ -130,7 +142,7 @@
130
142
 
131
143
  };
132
144
 
133
-
145
+ ```
134
146
 
135
147
  ###試したこと
136
148
 
@@ -143,149 +155,3 @@
143
155
  ###補足情報(言語/FW/ツール等のバージョンなど)
144
156
 
145
157
  よろしくお願いいたします。
146
-
147
- ###前提・実現したいこと
148
-
149
- はじめまして teratail さま
150
-
151
-
152
-
153
- 画面の領域に 表示をさせ カレンダーを作成したいのですが
154
-
155
-
156
-
157
- ###発生している問題・エラーメッセージ
158
-
159
-
160
-
161
- 確認用のSTYLE 適用後 日付情報を表示(文字列および数値)を
162
-
163
- 其れが画面に反映しません。
164
-
165
-
166
-
167
- ###該当のソースコード
168
-
169
- 【HTML FILE】
170
-
171
- <!--calendar-->
172
-
173
- <div id="calendar">
174
-
175
- <div id="koyomi">
176
-
177
-
178
-
179
- </div>
180
-
181
- </div>
182
-
183
- 【javascript FILE】
184
-
185
- //addEventlistener および attachEvent かを 判断(関数addListener)==作成
186
-
187
- function addListener(element, event, listener) {
188
-
189
- //addEventlistener(InternetExplorer以外)の処理
190
-
191
- if (element.addEventListener) {
192
-
193
- element.addEventListener(event, listener, false);
194
-
195
- //attachEvent(InternetExplorer および其の)処理
196
-
197
- } else if (element.attachEvent) {
198
-
199
- element.attachEvent('on'+event,listener)
200
-
201
- } else {
202
-
203
- //どちらも 扱えない 場合の 処理
204
-
205
- throw new Error('イベントリスナに未対応です。');
206
-
207
- }
208
-
209
- }
210
-
211
- //上記 判断がら 関数を実行(div#calendar を 扱い其のelement から
212
-
213
- //日付のDATAオブジェクトを 要素と絡めて カレンダーを 構築
214
-
215
- addListener(window, 'load', init);
216
-
217
- addListener(window, 'load', koyomi);
218
-
219
- //init()関数
220
-
221
- function init() {
222
-
223
- var element = document.getElementById("calendar");
224
-
225
- //calendar の 範囲 style.backgroundColor="red" 赤色表記(確認用)
226
-
227
- return element.style.backgroundColor = "red";
228
-
229
-
230
-
231
- };
232
-
233
-
234
-
235
- //関数koyomi()==カレンダーを LOAD時 に画面に出力
236
-
237
- function koyomi() {
238
-
239
-
240
-
241
- var koyomi = document.getElementById("koyomi");
242
-
243
- //DATAOBJECTを取得 変数currentへ(現在時刻を)==1970年1月1日0:00からの経過 時間
244
-
245
- var current = new Data();
246
-
247
- //DATAOBJECTが 保持其の日時の日を 変数data へ
248
-
249
- var date = current.getData();
250
-
251
- //DATAOBJECTが 保持其の日時の曜日を 変数(数値とし)0~6を変数dayoftheweek へ
252
-
253
- var dayoftheweek = current.getDay();
254
-
255
-
256
-
257
- //曜日を文字列に 変換
258
-
259
- var DAYARRAY = ['日', '月', '火', '水', '木', '金', '土'];
260
-
261
- var currentdayofthestr = DAYARRAY[currentdayofthestr];
262
-
263
-
264
-
265
- //DATAOBJECTが 保持 其の日時の年を 変数year へ
266
-
267
- var year = current.getFullYear();
268
-
269
- //koyomi(element==id)結果を 出力
270
-
271
- koyomi += "<h1>" + data + dayoftheweek + year + "</h1>";
272
-
273
-
274
-
275
- return koyomi;
276
-
277
- };
278
-
279
-
280
-
281
- ###試したこと
282
-
283
- jQuery を扱わず 理解を深めたい(多言語も)==ちゃんと
284
-
285
- 扱えるように
286
-
287
-
288
-
289
- ###補足情報(言語/FW/ツール等のバージョンなど)
290
-
291
- よろしくお願いいたします。