【JaveScript】挨拶表示の制作②

Code

2020.11.04

時間を読み込んで挨拶を返してくれるJaveScriptを組んでみました。会話しているようで楽しい表示を作ることができます。

前回の記事をWordpress用に改良してみました。
朝、昼、晩の３パターンを用意してあります。

Cocoonテーマの「カスタムJaveScript」に書き込んだら上手くいきません。
ということで、body内に直接以下の記述をします。

<p id="message"></p>
<div>
<script>
  let date = new Date();
  let hour = date.getHours();
  let msg = document.getElementById('message');
  if (hour >= 5 && hour <= 10) {
    msg.textContent = 'おはようございます！';
  } else if (hour >= 11 && hour <= 18) {
    msg.textContent = 'こんにちは！';
  } else {
    msg.textContent = 'こんばんはm(_ _)m';
  }
</script>
</div>

CSSの記述

CSSはmessage属性に対するフォント変更の物です。
これは前回と変えていません。

JavaScriptの記述

上記の通り、直接body内に記述しました。
今回も、5～10時は朝、11～18時は昼、それ以外は夜の設定です。

検討事項

直接書き込みでうまくいきました。
う～ん。原因がわかりません。
外部ファイルになると、get.Hours系の関数を読み込まなくなるんでしょうか。
現在Lolipopのサーバを利用していますが、この日時系関数を記述したJaveScriptを流し込むとWAF設定を変更しないと403エラーになってしまいました。
原因はこの辺りですかね。
少し調査が必要です。