htmlにjavascriptが反映されない

HTMLでJavaScriptを外部ファイルから
読み込みたいのですが、中身が反映されません。

管理者ツール上ではでてくるので
読み込み自体はできているはずなのですが、、、

エラーなどもとくに表示はありません。
キャッシュの更新などは試しました。

html
1<head>
2    <mata charset="urf-8">
3    <title>profile</title>
4    <link rel="stylesheet" href="index.css">
5    <script type="text/javascript" src="index.js"></script>
6</head>
7    <header>
8        <div id="aisatsu"></div>
9    </header>

javascript
1
2function Greeting() {
3
4    var now = newDate();
5    var hour = now.getHours();
6    var elements = document.getElementById('aisatsu');
7
8if (hour <= 10){
9    document.write('おはようございます');
10}
11else if (hour <= 16) {
12    document.write('こんにちは');
13}
14else if (hour <= 22) {
15    document.write('こんばんは');
16}}

jsの内容は時間によって異なる挨拶が表示されるというものです。
よろしくお願い致します。

miyabi_pudding

2021/04/10 10:05

document.writeは非推奨メソッドなので、別の手法で確認した方がよいかと。

行動規範の内容に同意します

回答1件

ベストアンサー

Greeting()を呼び出す記述が無いため、関数は実行されていません。
また、そもそもhtmlとして構成が間違っています。html要素内にhead要素、body要素を書く必要があります。

html
1<html>
2<head>
3    <mata charset="urf-8">
4    <title>profile</title>
5    <link rel="stylesheet" href="index.css">
6    <script type="text/javascript" src="index.js"></script>
7</head>
8<body>
9    <header>
10        <div id="aisatsu"></div>
11    </header>
12    <script>Greeting()</script><!-- 呼び出し -->
13</body>
14</html>