質問編集履歴
1
質問の仕方が悪かったため書き直しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
JavascriptのコードをHTMLに外部読み込みさせたいです。
|
|
1
|
-
|
|
2
|
+
下記のコードは現在時刻を呼び出すコードです。bodyに直接scriptを書き込むことにより複数回処理が実行され時刻を更新しています。
|
|
2
3
|
```HTML
|
|
3
4
|
<!DOCTYPE html>
|
|
4
5
|
<html lang="ja">
|
|
@@ -7,7 +8,6 @@
|
|
|
7
8
|
<title>Timer</title>
|
|
8
9
|
<meta charset="UTF-8" />
|
|
9
10
|
<link rel="stylesheet" href="style.css">
|
|
10
|
-
<script type="text/javascript" src="time.js"></script>
|
|
11
11
|
|
|
12
12
|
<body>
|
|
13
13
|
<div>0.2秒ごとに、時刻更新。</div>
|
|
@@ -23,6 +23,24 @@
|
|
|
23
23
|
|
|
24
24
|
</html>
|
|
25
25
|
```
|
|
26
|
+
上記のコードを下記のようにHTMLとJavascriptに分けた場合、どのようにJavascriptを呼び出せば同じような動作を行うことが出来ますか？
|
|
27
|
+
```HTML
|
|
28
|
+
<!DOCTYPE html>
|
|
29
|
+
<html lang="ja">
|
|
30
|
+
|
|
31
|
+
<head>
|
|
32
|
+
<title>Timer</title>
|
|
33
|
+
<meta charset="UTF-8" />
|
|
34
|
+
<link rel="stylesheet" href="style.css">
|
|
35
|
+
<script type="text/javascript" src="time.js"></script>
|
|
36
|
+
|
|
37
|
+
<body>
|
|
38
|
+
<div>0.2秒ごとに、時刻更新。</div>
|
|
39
|
+
<div id="time">time</div>
|
|
40
|
+
</body>
|
|
41
|
+
|
|
42
|
+
</html>
|
|
43
|
+
```
|
|
26
44
|
```Javascript
|
|
27
45
|
function showTime() {
|
|
28
46
|
let now = new Date();
|