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

【问题标题】：How can we create a button, that runs the function we have given and takes the input given and performs tasks that we have given?我们如何创建一个按钮，运行我们给定的功能并接受给定的输入并执行我们给定的任务？
【发布时间】：2021-01-12 14:05:26
【问题描述】：

我正在尝试创建一个函数，它将接收到的时间作为输入（以 24 小时的格式）并返回句子“早上好”（如果时间是早上）或返回“下午好”如果时间在下午 12 点之后，或者在下午 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>

【问题讨论】：

标签： javascript html forms button inputbox

【解决方案1】：

你需要这样的东西。表单执行发布请求（通常），因为您没有服务器来处理此请求，因此您不需要表单。

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>

【讨论】：

【解决方案2】：

你可以这样做：


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

【讨论】：