質問編集履歴

3

詳細を追記しました

2022/12/04 21:50

投稿

akiko0105
akiko0105

スコア1

test CHANGED
File without changes
test CHANGED
@@ -23,6 +23,7 @@
23
23
  <html lang="ja">
24
24
  <head>
25
25
  <meta charset="UTF-8">
26
+
26
27
  <style>
27
28
  p{
28
29
  font: 20pt "HG丸ゴシックM-PRO";

2

詳細を追記しました

2022/12/04 21:49

投稿

akiko0105
akiko0105

スコア1

test CHANGED
File without changes
test CHANGED
@@ -22,15 +22,12 @@
22
22
  <!DOCTYPE html>
23
23
  <html lang="ja">
24
24
  <head>
25
- <meta charset="UTF-8">
25
+ <meta charset="UTF-8">
26
-
27
26
  <style>
28
27
  p{
29
28
  font: 20pt "HG丸ゴシックM-PRO";
30
29
  color: blue;
31
30
  text-align: center;
32
-
33
-
34
31
  }
35
32
 
36
33
  </style>
@@ -83,28 +80,18 @@
83
80
 
84
81
  document.write("<p>" + myYear + "年" + myMonth + "月" + myDay + "日" + myDays + "<br>" + myHour + "時" + myMinutes + "分" + mySeconds + "秒</p>");
85
82
 
86
- }
83
+ }
87
-
88
-
89
-
90
-
91
-
92
-
93
84
  </script>
94
85
  </head>
95
86
  <body>
96
87
  <script>
97
88
  zikko();
89
+ myTime();
90
+ </script>
98
91
 
99
- myTime();
100
-
101
- </script>
102
-
103
- <button onclick>挨拶</button>
92
+ <button onclick>挨拶</button>
104
-
105
93
  </body>
106
94
  </html>
107
-
108
95
 
109
96
  このように
110
97
  現在の日付と時刻を表示して

1

詳細を追記しました

2022/12/04 21:42

投稿

akiko0105
akiko0105

スコア1

test CHANGED
File without changes
test CHANGED
@@ -16,3 +16,99 @@
16
16
  アドバイスを頂けたらありがたいです。
17
17
 
18
18
  宜しくお願いします。
19
+
20
+ 現在までの状態です。
21
+
22
+ <!DOCTYPE html>
23
+ <html lang="ja">
24
+ <head>
25
+ <meta charset="UTF-8">
26
+
27
+ <style>
28
+ p{
29
+ font: 20pt "HG丸ゴシックM-PRO";
30
+ color: blue;
31
+ text-align: center;
32
+
33
+
34
+ }
35
+
36
+ </style>
37
+
38
+ <script>
39
+
40
+ function zikko() {
41
+ document.write("<p>~現在の日付と時刻~</p>");
42
+ }
43
+
44
+
45
+
46
+ function myTime() {
47
+ var myDate = new Date();
48
+ var myYear = myDate.getFullYear();
49
+ var myMonth = myDate.getMonth()+1;
50
+ var myDay = myDate.getDate();
51
+ var myDays = myDate.getDay();
52
+ var myHour = myDate.getHours();
53
+ var myMinutes = myDate.getMinutes();
54
+ var mySeconds = myDate.getSeconds();
55
+
56
+ if (myMonth === 0){ myMonth = "1月" }
57
+ if (myMonth === 1){ myMonth = "2月" }
58
+ if (myMonth === 2){ myMonth = "3月" }
59
+ if (myMonth === 3){ myMonth = "4月" }
60
+ if (myMonth === 4){ myMonth = "5月" }
61
+ if (myMonth === 5){ myMonth = "6月" }
62
+ if (myMonth === 6){ myMonth = "7月" }
63
+ if (myMonth === 7){ myMonth = "8月" }
64
+ if (myMonth === 8){ myMonth = "9月" }
65
+ if (myMonth === 9){ myMonth = "10月" }
66
+ if (myMonth === 10){ myMonth = "11月" }
67
+ if (myMonth === 11){ myMonth = "12月" }
68
+
69
+ if (myDays === 0){ myDays = "(日)" }
70
+ if (myDays === 1){ myDays = "(月)" }
71
+ if (myDays === 2){ myDays = "(火)" }
72
+ if (myDays === 3){ myDays = "(水)" }
73
+ if (myDays === 4){ myDays = "(木)" }
74
+ if (myDays === 5){ myDays = "(金)" }
75
+ if (myDays === 6){ myDays = "(土)" }
76
+
77
+ if (myHour < 12){
78
+ myHour = "午前" + myHour;
79
+ }
80
+ else {
81
+ myHour = "午後" + (myHour - 12);
82
+ }
83
+
84
+ document.write("<p>" + myYear + "年" + myMonth + "月" + myDay + "日" + myDays + "<br>" + myHour + "時" + myMinutes + "分" + mySeconds + "秒</p>");
85
+
86
+ }
87
+
88
+
89
+
90
+
91
+
92
+
93
+ </script>
94
+ </head>
95
+ <body>
96
+ <script>
97
+ zikko();
98
+
99
+ myTime();
100
+
101
+ </script>
102
+
103
+ <button onclick>挨拶</button>
104
+
105
+ </body>
106
+ </html>
107
+
108
+
109
+ このように
110
+ 現在の日付と時刻を表示して
111
+ その下にアラートを作動させる『挨拶』というボタンを表示したいです。
112
+
113
+ <button onclick>挨拶</button>の部分が不完全な上、ここに当てはめる
114
+ functionに行き詰まっています。