我们如何创建一个按钮，运行我们给定的功能，接受给定的输入并执行我们给定的任务

Question

我正在尝试制作一个函数，该函数将接收到的时间作为输入(格式为24小时(，并返回句子"；早上好"如果时间是上午或返回"；下午好"如果时间在下午12点之后或者返回"0"；晚上好"如果是下午4点之后，但在凌晨12点之前。

```
<script>
function greet(when) {
if (when < 1200) {
return "Good Morning";
}
else {
return "Good Afternoon";
}
</script>
```

我面临的问题是，我想制作一个按钮，接受输入并执行我们要求执行的任务，但我不知道如何执行，因为我是JavaScript新手，即使在谷歌的帮助下也无法解决这个问题。HTML表单部分的代码是

<form>
<input type = "text" id = "when" value = "What time 
is it?" />
<button type = "submit" 
onclick="Function(greet)">Click me</button>
</form>

Answer 1

你可以这样做：

function greet() {
let date = Date.now();
if (date < yourvalue) {
return "Good Morning";
}
else {
return "Good Afternoon";
}

Answer 2

您需要这样的东西。一个表单执行一个post请求(通常(，因为你没有一个服务器来处理这个请求，所以你不需要一个表单

function greet() {
var when = document.getElementById('when').value;
if (when < 1200) {
alert( "Good Morning" );
}
else {
alert( "Good Afternoon" );
}
}

<input type = "text" id = "when" value = "" placeholder="What time 
is it?"/>
<button type = "submit" 
onclick="greet()">Click me</button>