javascript - 可能很容易修复，但我自己无法修复

Question

任何人都知道我做错了什么，我想制作一条在启动时显示的欢迎消息，询问您的姓名，然后根据当前时间向您致以问候。

我遇到的问题是，如果其他所有内容都被评论阻止，提示将起作用，但也不会以白色文本显示在页面上

    var name
    name = prompt("Please enter your name.");

    document.getElementById("demo").innerHTML = (msg);
    msg.style.color = 'White';

    var now = Date();
    var hrs = now.getHours();
    var msg = "";

    if (hrs >  6) msg = "Good morning";   
    if (hrs > 12) msg = "Good afternoon";   
    if (hrs > 17) msg = "Good evening"; 

Answer 1

1. 您在声明之前使用了 msg
2. msg 没有 style 属性，因为它不是元素
3. 您从未使用过名字
4. 您使用了白色，与默认页面背景颜色相同
5. 您先将值赋给innerHTML，然后再将其赋给msg变量
6. 应使用 new 关键字创建日期对象var now = new Date();

var name = prompt("Please enter your name."); 
var msg = "";
console.log(name);
 document.getElementById("demo").style.color = 'red'; // use other color because white is default background color and your text will not be visible
var now =  new Date(); 
var hrs = now.getHours(); 
console.log(hrs);
if (hrs > 0) 
  msg = "Good early morning "+ name; 
else if (hrs > 6) 
  msg = "Good morning "+ name; 
else if (hrs > 12) 
  msg = "Good afternoon "+ name; 
else if (hrs > 17) 
  msg = "Good evening "+ name; 
console.log(msg);
document.getElementById("demo").innerHTML = msg;