質問編集履歴

1

質問の仕方が悪かったため書き直しました

2020/02/19 05:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
+ JavascriptのコードをHTMLに外部読み込みさせたいです。
2
+
1
- JavascriptのコードをHTMLに読み込ませたいです。bodyの中に直接書き込むとvoid setupの用に複数回呼ばますが、headで宣言して外部から読み込ませる場合でも同じ動作をさせた場合どのように呼びだしたら出来ますか?
3
+ 下記のコードは現在時刻呼び出すコードです。bodyに直接scriptを書き込むとにより複数回処理が実行さ時刻を更新しています
2
4
 
3
5
  ```HTML
4
6
 
@@ -15,8 +17,6 @@
15
17
  <meta charset="UTF-8" />
16
18
 
17
19
  <link rel="stylesheet" href="style.css">
18
-
19
- <script type="text/javascript" src="time.js"></script>
20
20
 
21
21
 
22
22
 
@@ -48,6 +48,42 @@
48
48
 
49
49
  ```
50
50
 
51
+ 上記のコードを下記のようにHTMLとJavascriptに分けた場合、どのようにJavascriptを呼び出せば同じような動作を行うことが出来ますか?
52
+
53
+ ```HTML
54
+
55
+ <!DOCTYPE html>
56
+
57
+ <html lang="ja">
58
+
59
+
60
+
61
+ <head>
62
+
63
+ <title>Timer</title>
64
+
65
+ <meta charset="UTF-8" />
66
+
67
+ <link rel="stylesheet" href="style.css">
68
+
69
+ <script type="text/javascript" src="time.js"></script>
70
+
71
+
72
+
73
+ <body>
74
+
75
+ <div>0.2秒ごとに、時刻更新。</div>
76
+
77
+ <div id="time">time</div>
78
+
79
+ </body>
80
+
81
+
82
+
83
+ </html>
84
+
85
+ ```
86
+
51
87
  ```Javascript
52
88
 
53
89
  function showTime() {