javascript - 在javascript中计算出生年份

标签 javascript html css

我试图计算任何年龄的出生年份,但我不能这样做。 我没有看到任何错误,计算函数可以工作,但它没有输出任何值。我认为错误出在计算函数中。

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>BirthDate</title>
  <link rel="stylesheet" type="text/css" href="style.css">

</head>

<body style="background-color: #bfc5c5">
  <form style="margin-top:10px">
    <input type="number" name="number" style="height:30px;width: 400px;padding-left: 10px" placeholder="type your age" id="number">
    <input type="button" value="find year" id="button" style="height: 35px">
    <p id="year">year</p>
  </form>

  <script type="text/javascript">
    function calculate() {
      var number = document.getElementById("number").value;

      if (number == "" || number == 0) {
        window.alert("Please type your correct age!");
        return;
      }

      var date = new(Date()).getFullYear()
      var birthyear = number - date;

      document.getElementById("year").style.display = "block";
      document.getElementById("year").innerHTML = "Your Birth Year is " + birthyear;

    }

    document.getElementById("year").style.display = "none";
    document.getElementById("button").onclick = function {
      calculate();
    };
  </script>

</body>

</html>

最佳答案

您从 Date 构造函数中遗漏了 new 并用括号括起来:

var date = (new Date()).getFullYear();

onClick 事件处理程序缺少一组括号:

document.getElementById("button").onclick = function() {...}

关于javascript - 在javascript中计算出生年份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47584118/

相关文章:

javascript - 如何在jsfiddle中创建面板?

javascript - ReactJS , setState 问题 onChange 事件

html - 全屏背景颜色css3

javascript - CKEditor 在服务器上返回错误的图像路径

html - 移动固定图片背景css,图片滚动

php - 如何在 JavaScript 中使用 PHP 变量?

javascript - JQUERY 过滤文本字段中的输入

javascript - 阻止 HREF 重定向但仍完成操作?

css - 纯 CSS Accordion : Detects "hover" from far below slide

html - div.fixed 100% 宽度只用 css