javascript - 在 HTML 上使用 JS 设置问候语时出现问题

标签 javascript html onload

我在从 HTML 页面上的单独样式表运行 JS 代码时遇到问题。基本上,我想根据一天中的当前时间设置适当的问候消息。我已经搜索过,有很多方法可以做到这一点,但我试图让它以这种方式工作,但我没有找到解决这个问题的方法。

window.onload = getGreeting();
    function getGreeting() {
    var time = new Date();
    var curHours = time.getHours();
    if (curHours < 10) {
        document.getElementById("greeting").innerHTML = "Dobro jutro!";
    } if else (curHours < 20) {
        document.getElementById("greeting").innerHTML = "Dobar dan!";
    } if else {
        document.getElementById("greeting").innerHTML = "Dobro vece!";
    }
};
<!DOCTYPE html>

<head>
<script type="text/javascript" src="LakaRukaDent.js"></script> 
</head>

<body>
<p id="greeting"></p>
</body>

当我在 Chrome 中运行 HTML 时,问候语不会出现。当我在 Chrome 中按 f12 时,它会出现“Uncaught SyntaxError: Unexpected token <”,但我不明白为什么它不起作用。我已经通过网络搜索检查了语法和功能,但考虑到我是 JS 和 HTML 的新手,也许这可能是我跳过但我不知道的一些基本内容。

最佳答案

使用else if而不是if else。 MDN 示例:

if (x > 5) {

} else if (x > 50) {

} else {

}

关于javascript - 在 HTML 上使用 JS 设置问候语时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47370724/

相关文章:

javascript - Chrome v23 不支持视口(viewport)比例或视口(viewport)元标记?

javascript - ES6 函数解构赋值为对象

javascript - 使用javascript计算在下拉列表中选择的变量数

php - Javascript - 在页面加载期间且仅在页面加载期间发生的 Onclick 事件

javascript - onload 和 onclick 等效吗?

javascript - 替换多列中多行中的值,为每列提供一个映射对象

javascript - Jquery 是(“:empty) not working after . 删除()

javascript - 使用 Javascript 激活 CSS3 动画

html - 如何设置 div 以随着文本更改的过渡而扩展

javascript - 如何创建 3 列横向布局