変数を使用して時刻を基準に午前、午後、または夕方を表示する

Question

"Good morning、User"（朝は午後または夕方に変更することができます）のコードは機能しません。私は助けていただければ幸いです。

のindex.htmlが

<h1 class="mx-3 text-center display-3">Good <span id="time"></span>, Username</h1> 

master.js

var today = new Date() 
var curHr = today.getHours() 
var time = null; 

if (curHr < 12) { 
    var time = "Morning"; 
} else if (curHr < 18) { 
    var time = "Afternoon"; 
} else { 
    var time = "Evening"; 
} 

document.getElementById("time").innerHTML = time; 

スニペット申し訳ありませんが、私には、JavaScriptでのnoobです。

私も（グーグルクロームコンソールから）何このエラーが手段知りたい：

Uncaught TypeError: Cannot set property 'innerHTML' of null 
    at master.js:13 

Answer 1

あなたがスパン前のJavaScriptファイルをリンクしている場合は、それができないので、その後、 Uncaught TypeError: Cannot set property 'innerHTML' of null at master.js:13が発生しますまだスパンを見つける。試してみてください：

window.onload = function(e){ 
    document.getElementById("time").innerHTML = time; 
}