Javascript和DOM-日期和时间_Javascript_Datetime_If Statement

Javascript和DOM-日期和时间

javascript datetime if-statement

Javascript和DOM-日期和时间,javascript,datetime,if-statement,Javascript,Datetime,If Statement,我正在创建一个简历网站，我正在尝试创建一个函数，当页面加载时，该函数将根据一天中的时间显示问候语（作为标题）。以下是我到目前为止的情况（您可以忽略薪资计算器部分）：输入以下信息以了解潜在薪资是太低、几乎足够还是很好小时工资：每周工作时间：算计函数onLoad（）{ var d=新日期（）； var z=d.getHours（）；问候语； if（z

我正在创建一个简历网站，我正在尝试创建一个函数，当页面加载时，该函数将根据一天中的时间显示问候语（作为标题）。以下是我到目前为止的情况（您可以忽略薪资计算器部分）：


输入以下信息以了解潜在薪资是太低、几乎足够还是很好
小时工资：

每周工作时间：



算计


函数onLoad（）{
var d=新日期（）；
var z=d.getHours（）；
问候语；
if（z<12）{
问候语=“祝您早上过得愉快！”
}else if（z<17）{
问候=“享受下午！”
}否则{
问候=“晚上好！”
}
}
var firstVariable=document.createElement（“h1”）；
var secondVariable=document.createTextNode（d）；
firstVariable.appendChild（第二个变量）；
document.getElementById（“fulldiv”）.appendChild（第一个变量）；

当我加载页面时，没有显示任何内容。我不知道接下来该怎么办。非常感谢您的帮助。

您需要将

问候语

变量设置为文本节点值，并将HTML元素创建代码移动到

onLoad

函数中，如下所示-

<body onload="onLoad()">
<div id="fulldiv">
    <p> Enter the following information to find out if the potential salary is too little, almost enough, or a good salary.</p>
    <p>Hourly Wage:
        <input type="text" name="wage" id="txt_wage" value="0.00" />
    </p>
    <p>Hours Per Week:
        <input type="text" name="hours" id="txt_hours" value="0.0" />
        <br/>
        <br/>
        <button value="calculate" onclick="calcSalary(); validateForm(); validateFormH()">Calculate</button>
    </p>
    <p id="results"></p>
    <p id="resultstext"></p>
</div>

<script src="salaryExternal.js" type="text/javascript"></script>
<script type="text/javascript">
function onLoad() {
    var d = new Date();
    var z = d.getHours();
    var greeting;
    if (z < 12) {
        greeting = "Enjoy the rest of your morning!"
    } else if (z < 17) {
        greeting = "Enjoy the afternoon!"
    } else {
        greeting = "Have a good evening!"
    }
    var firstVariable = document.createElement("h1");
    var secondVariable = document.createTextNode(greeting);
    firstVariable.appendChild(secondVariable);
    document.getElementById("fulldiv").appendChild(firstVariable);
}
</script>


输入以下信息以了解潜在薪资是太低、几乎足够还是很好
小时工资：

每周工作时间：




算计



函数onLoad（）{
var d=新日期（）；
var z=d.getHours（）；
问候语；
if（z<12）{
问候语=“祝您早上过得愉快！”
}else if（z<17）{
问候=“享受下午！”
}否则{
问候=“晚上好！”
}
var firstVariable=document.createElement（“h1”）；
var secondVariable=document.createTextNode（问候语）；
firstVariable.appendChild（第二个变量）；
document.getElementById（“fulldiv”）.appendChild（第一个变量）；
}

代码的最后几行是在

onLoad

函数之外定义的：

function onLoad() {
...
}
var firstVariable = document.createElement("h1");
var secondVariable = document.createTextNode(d);
firstVariable.appendChild(secondVariable);
document.getElementById("fulldiv").appendChild(firstVariable);

这就是为什么它不能像预期的那样工作。

您没有对问候语做任何处理。你需要把它放到一些视觉元素中，现在它只是一个JavaScript变量。我想我理解你的意思。你能告诉我怎么做吗？类似于

document.getElementById（'results'）.textContent=greeting。请注意@zepplin在回答中提出的观点。欢迎光临！若答案解决了你们的问题，请投票并接受。
function onLoad() {
...
}
var firstVariable = document.createElement("h1");
var secondVariable = document.createTextNode(d);
firstVariable.appendChild(secondVariable);
document.getElementById("fulldiv").appendChild(firstVariable);