teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

画像の追加

2020/01/15 09:03

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -79,4 +79,7 @@
79
79
  document.getElementById('after3weeksIfHoliday').textContent =
80
80
  `${ifHolidayDate.getFullYear()}/${ifHolidayDate.getMonth() + 1}
81
81
  /${ifHolidayDate.getDate()} (${weekdays[ifHolidayDate.getDay()]})`;
82
- ```
82
+ ```
83
+
84
+ 画像はjavascriptのエラー文です。
85
+ ![イメージ説明](db2474875e0679c14db2223b4d2fc3db.png)

4

追記

2020/01/15 09:03

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -12,20 +12,71 @@
12
12
  ![JSFiddle](4aa0712c66bddcee805afde27b949e4c.png)
13
13
 
14
14
 
15
- --追記--
15
+ --追記3--
16
- お二方の回答で<script>をいれましたが反応がありませんでした。
16
+ お二方の回答で<script>をいれましたが反応がありませんでした。
17
+ javascriptにエラー文が出ていますが空白を入れたら直るものばかりでしたのでコードは空白を入れた以外何も触っていません。
17
- htmlでもないとするjavascript何か問題があるのでしょうか
18
+ 変更した後のを貼ったほうが良いとのことでしたので、<script>を入れたhtmlとjavascriptを載せます
18
- ![イメージ説明](f4ffbb98b570fa1f58768485e0df859d.png)
19
- ```ここに言語を入力
20
19
 
20
+ ```html
21
+ <!doctype html>
22
+ <html lang="ja">
23
+ <head>
24
+ <meta charset="UTF-8">
25
+ <script src=javascript/test2.js></script>
26
+ <title>demo</title>
27
+ </head>
28
+ <body>
29
+ <main>
30
+ <p>ページを開いた日時: <span id="today"></span></p>
31
+ <p>3週間後: <span id="after3weeks"></span></p>
21
- document.getElementById('today').textContent = `${today.getFullYear()}/${today.getMonth()+1}/${today.getDate()} (${weekdays[today.getDay()]})`;
32
+ <p>3週間後が祝日ならその次の日: <span id="after3weeksIfHoliday"></span></p>
22
- document.getElementById('after3weeks').textContent = `${afterThreeWeek.getFullYear()}/${afterThreeWeek.getMonth()+1}/${afterThreeWeek.getDate()} (${weekdays[afterThreeWeek.getDay()]})`;
33
+ </main>
23
- document.getElementById('after3weeksIfHoliday').textContent = `${ifHolidayDate.getFullYear()}/${ifHolidayDate.getMonth()+1}/${ifHolidayDate.getDate()} (${weekdays[ifHolidayDate.getDay()]})`;
34
+ </body>
24
-
35
+ </html>
25
36
  ```
26
- 書かれているエラー文は大体同じで「required Space After Binary Operators:Operator + should not stick to preceding expression」が多いです。翻訳すると「二項演算子の後に必要なスペース:演算子+は前の表現に固執すべきではありません」ということみたいなのですが、正直何が原因なのかが全く分かりません。
27
- こちらも教えていただけたらと思います。
28
37
 
29
- --追記2--
38
+ ```javascript
39
+ const weekdays = ['日', '月', '火', '水', '木', '金', '土'];
40
+
41
+ // https://www8.cao.go.jp/chosei/shukujitsu/syukujitsu.csv
42
+ const holidaysCsvFromCabinetOffice = `国民の祝日・休日月日,国民の祝日・休日名称
30
- すみません、『()+1』を『() + 1』にするとエラーが消えました。
43
+ 2020/1/1,元日
31
- しかしエラー文を消しても何も反応がないままです。
44
+ 2020/1/13,成人の日
45
+ 2020/2/11,建国記念の日
46
+ 2020/2/23,天皇誕生日
47
+ 2020/2/24,休日
48
+ 2020/3/20,春分の日
49
+ 2020/4/29,昭和の日
50
+ 2020/5/3,憲法記念日
51
+ 2020/5/4,みどりの日
52
+ 2020/5/5,こどもの日
53
+ 2020/5/6,休日
54
+ 2020/7/23,海の日
55
+ 2020/7/24,スポーツの日
56
+ 2020/8/10,山の日
57
+ 2020/9/21,敬老の日
58
+ 2020/9/22,秋分の日
59
+ 2020/11/3,文化の日
60
+ 2020/11/23,勤労感謝の日
61
+ `.split(/\r\n+/).map(row => row.split(',')[0]);
62
+
63
+ const now = Date.now();
64
+ const today = new Date(now);
65
+ const afterThreeWeek = new Date(now + 3 * 7 * 24 * 60 * 60 * 1000);
66
+ // 3週 * 7日 * 24時間 * 60分 * 60秒 * 1000ミリ秒
67
+
68
+ let ifHolidayDate = new Date(afterThreeWeek.getTime());
69
+ while (holidaysCsvFromCabinetOffice.indexOf(`${ifHolidayDate.getFullYear()}
70
+ /${ifHolidayDate.getMonth() + 1}/${ifHolidayDate.getDate()}`) !== -1) {
71
+ ifHolidayDate = new Date(ifHolidayDate.getTime() + 24 * 60 * 60 * 1000);
72
+ }
73
+
74
+ document.getElementById('today').textContent = `${today.getFullYear()}
75
+ /${today.getMonth() + 1}/${today.getDate()} (${weekdays[today.getDay()]})`;
76
+ document.getElementById('after3weeks').textContent =
77
+ `${afterThreeWeek.getFullYear()}/${afterThreeWeek.getMonth() + 1}
78
+ /${afterThreeWeek.getDate()} (${weekdays[afterThreeWeek.getDay()]})`;
79
+ document.getElementById('after3weeksIfHoliday').textContent =
80
+ `${ifHolidayDate.getFullYear()}/${ifHolidayDate.getMonth() + 1}
81
+ /${ifHolidayDate.getDate()} (${weekdays[ifHolidayDate.getDay()]})`;
82
+ ```

3

追記

2020/01/15 08:59

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -24,4 +24,8 @@
24
24
 
25
25
  ```
26
26
  書かれているエラー文は大体同じで「required Space After Binary Operators:Operator + should not stick to preceding expression」が多いです。翻訳すると「二項演算子の後に必要なスペース:演算子+は前の表現に固執すべきではありません」ということみたいなのですが、正直何が原因なのかが全く分かりません。
27
- こちらも教えていただけたらと思います。
27
+ こちらも教えていただけたらと思います。
28
+
29
+ --追記2--
30
+ すみません、『()+1』を『() + 1』にするとエラーが消えました。
31
+ しかしエラー文を消しても何も反応がないままです。

2

追記

2020/01/15 02:43

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -9,4 +9,19 @@
9
9
  何が原因なのか分からないので教えていただきたいです。
10
10
 
11
11
  ![Atom](82b992411ae3abbfa7a6649e957dce59.png)
12
- ![JSFiddle](4aa0712c66bddcee805afde27b949e4c.png)
12
+ ![JSFiddle](4aa0712c66bddcee805afde27b949e4c.png)
13
+
14
+
15
+ --追記--
16
+ お二方の回答で<script>をいれましたが反応がありませんでした。
17
+ htmlでもないとするとjavascriptで何か問題があるのでしょうか。
18
+ ![イメージ説明](f4ffbb98b570fa1f58768485e0df859d.png)
19
+ ```ここに言語を入力
20
+
21
+ document.getElementById('today').textContent = `${today.getFullYear()}/${today.getMonth()+1}/${today.getDate()} (${weekdays[today.getDay()]})`;
22
+ document.getElementById('after3weeks').textContent = `${afterThreeWeek.getFullYear()}/${afterThreeWeek.getMonth()+1}/${afterThreeWeek.getDate()} (${weekdays[afterThreeWeek.getDay()]})`;
23
+ document.getElementById('after3weeksIfHoliday').textContent = `${ifHolidayDate.getFullYear()}/${ifHolidayDate.getMonth()+1}/${ifHolidayDate.getDate()} (${weekdays[ifHolidayDate.getDay()]})`;
24
+
25
+ ```
26
+ 書かれているエラー文は大体同じで「required Space After Binary Operators:Operator + should not stick to preceding expression」が多いです。翻訳すると「二項演算子の後に必要なスペース:演算子+は前の表現に固執すべきではありません」ということみたいなのですが、正直何が原因なのかが全く分かりません。
27
+ こちらも教えていただけたらと思います。

1

文の修正

2020/01/15 02:31

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  teratail内で回答をいただき(https://teratail.com/questions/235141)、早速Atomを使ってhtmlとjavascriptに入れてみたのですが、反応がありません。
2
2
  webで確認しても出てきませんでした。
3
- JSFiddleとJS Binというサイトで反応しま
3
+ JSFiddleとJS Binという2つのサイトで試すと反応しました
4
4
 
5
5
  AtomではLinter-ESLintを使って構文チェックをしています。
6
6
  これ以外になにか必要なものはあるのでしょうか。