javascript - 涉及表单和警报的简单 JavaScript 问题

Question

我正在尝试制作一个包含用户名的表单，然后当按下提交按钮时，会显示一个警报，说早上好、下午或晚上好（取决于时间）。我觉得我在吐痰的距离，但我无法让它工作，这里是相关的代码片段：

<script type="text/javascript"> 
<!--
    function say_hello() {
        var date = new Date();
        var time = date.getHours();
        var name = document.forms["hello"]["name"].value;

            if (time < 12) {
                alert ("Good morning, "+name+"!");
            }

            else if (time > 12 && time < 18) {
                alert ("Good afternoon, "+name+"!")
            }

            else {
                alert ("Good evening, "+name+"!")
            }
        );
    }
// -->
</script>

和 HTML：

    <form name="hello" action=""> 
    <p> 
    What is your name?
    <input type="text" name="name" size="10">
    </input> 
    </p> 
    <p> 
    <input type="button" name="Submit" onclick="say_hello()" value="Receive Personal Message!">
    </input>
    </p> 
</form>

谢谢！:D

Answer 1

您的 javascript 中有语法错误。这 ”）;” 是不必要的。

function say_hello() {
    var date = new Date();
    var time = date.getHours();
    var name = document.forms["hello"]["name"].value;

    if (time < 12) {
        alert ("Good morning, "+name+"!");
    }

    else if (time > 12 && time < 18) {
        alert ("Good afternoon, "+name+"!");
    }

    else {
        alert ("Good evening, "+name+"!")
    }
}

Answer 2

function say_hello() {
    var date = new Date();
    var time = date.getHours();
    var name = document.forms["hello"]["name"].value;

        if (time < 12) {
            alert ("Good morning, "+name+"!");
        }

        else if (time > 12 && time < 18) {
            alert ("Good afternoon, "+name+"!")
        }

        else {
            alert ("Good evening, "+name+"!")
        }
    //); //This causes a syntax error
}

Answer 3

在你的函数中，在最后一个之后有一个语法错误else {...}，有一个不必要的);.

尝试删除它，它应该工作！

Answer 4

修复所有语法错误，我建议您像这样附加事件：

document.forms["hello"]["Submit"].onclick=say_hello;

而不是onclick="..."

现场演示