質問編集履歴
1
重複を訂正 およびコードブロックを 含みます。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,87 +9,20 @@
|
|
|
9
9
|
其れが画面に反映しません。
|
|
10
10
|
|
|
11
11
|
###該当のソースコード
|
|
12
|
+
```ここに言語を入力
|
|
12
13
|
【HTML FILE】
|
|
14
|
+
|
|
13
15
|
<!--calendar-->
|
|
14
16
|
<div id="calendar">
|
|
15
17
|
<div id="koyomi">
|
|
16
18
|
|
|
17
19
|
</div>
|
|
18
20
|
</div>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
```ここに言語を入力
|
|
19
24
|
【javascript FILE】
|
|
20
|
-
//addEventlistener および attachEvent かを 判断(関数addListener)＝＝作成
|
|
21
|
-
function addListener(element, event, listener) {
|
|
22
|
-
//addEventlistener(InternetExplorer以外)の処理
|
|
23
|
-
if (element.addEventListener) {
|
|
24
|
-
element.addEventListener(event, listener, false);
|
|
25
|
-
//attachEvent(InternetExplorer および其の)処理
|
|
26
|
-
} else if (element.attachEvent) {
|
|
27
|
-
element.attachEvent('on'+event,listener)
|
|
28
|
-
} else {
|
|
29
|
-
//どちらも 扱えない 場合の 処理
|
|
30
|
-
throw new Error('イベントリスナに未対応です。');
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
//上記 判断がら 関数を実行(div#calendar を 扱い其のelement から
|
|
34
|
-
//日付のDATAオブジェクトを 要素と絡めて カレンダーを 構築
|
|
35
|
-
addListener(window, 'load', init);
|
|
36
|
-
addListener(window, 'load', koyomi);
|
|
37
|
-
//init()関数
|
|
38
|
-
function init() {
|
|
39
|
-
var element = document.getElementById("calendar");
|
|
40
|
-
//calendar の 範囲 style.backgroundColor="red" 赤色表記(確認用)
|
|
41
|
-
return element.style.backgroundColor = "red";
|
|
42
25
|
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
//関数koyomi()＝＝カレンダーを LOAD時 に画面に出力
|
|
46
|
-
function koyomi() {
|
|
47
|
-
|
|
48
|
-
var koyomi = document.getElementById("koyomi");
|
|
49
|
-
//DATAOBJECTを取得 変数currentへ(現在時刻を)＝＝1970年1月1日0:00からの経過 時間
|
|
50
|
-
var current = new Data();
|
|
51
|
-
//DATAOBJECTが 保持其の日時の日を 変数data へ
|
|
52
|
-
var date = current.getData();
|
|
53
|
-
//DATAOBJECTが 保持其の日時の曜日を 変数(数値とし)0～6を変数dayoftheweek へ
|
|
54
|
-
var dayoftheweek = current.getDay();
|
|
55
|
-
|
|
56
|
-
//曜日を文字列に 変換
|
|
57
|
-
var DAYARRAY = ['日', '月', '火', '水', '木', '金', '土'];
|
|
58
|
-
var currentdayofthestr = DAYARRAY[currentdayofthestr];
|
|
59
|
-
|
|
60
|
-
//DATAOBJECTが 保持 其の日時の年を 変数year へ
|
|
61
|
-
var year = current.getFullYear();
|
|
62
|
-
//koyomi(element==id)結果を 出力
|
|
63
|
-
koyomi += "<h1>" + data + dayoftheweek + year + "</h1>";
|
|
64
|
-
|
|
65
|
-
return koyomi;
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
###試したこと
|
|
69
|
-
jQuery を扱わず 理解を深めたい（多言語も）＝＝ちゃんと
|
|
70
|
-
扱えるように
|
|
71
|
-
|
|
72
|
-
###補足情報(言語/FW/ツール等のバージョンなど)
|
|
73
|
-
よろしくお願いいたします。
|
|
74
|
-
###前提・実現したいこと
|
|
75
|
-
はじめまして teratail さま
|
|
76
|
-
|
|
77
|
-
画面の領域に 表示をさせ カレンダーを作成したいのですが
|
|
78
|
-
|
|
79
|
-
###発生している問題・エラーメッセージ
|
|
80
|
-
|
|
81
|
-
確認用のSTYLE 適用後 日付情報を表示（文字列および数値）を
|
|
82
|
-
其れが画面に反映しません。
|
|
83
|
-
|
|
84
|
-
###該当のソースコード
|
|
85
|
-
【HTML FILE】
|
|
86
|
-
<!--calendar-->
|
|
87
|
-
<div id="calendar">
|
|
88
|
-
<div id="koyomi">
|
|
89
|
-
|
|
90
|
-
</div>
|
|
91
|
-
</div>
|
|
92
|
-
【javascript FILE】
|
|
93
26
|
//addEventlistener および attachEvent かを 判断(関数addListener)＝＝作成
|
|
94
27
|
function addListener(element, event, listener) {
|
|
95
28
|
//addEventlistener(InternetExplorer以外)の処理
|
|
@@ -137,7 +70,7 @@
|
|
|
137
70
|
|
|
138
71
|
return koyomi;
|
|
139
72
|
};
|
|
140
|
-
|
|
73
|
+
```
|
|
141
74
|
###試したこと
|
|
142
75
|
jQuery を扱わず 理解を深めたい（多言語も）＝＝ちゃんと
|
|
143
76
|
扱えるように
|