Javascript和HTML学校的基础知识

Javascript & HTML basics for school

本文关键字：基础知识 学校 HTML Javascript      更新时间：2023-09-26

当涉及到JS时，我实际上是一个完全的新手，我从学校得到了一个我无法理解的问题。我已经进入了一点，但真的很感激一些提示/帮助，因为我完全被困住了！
它或多或少如下：
使用 HTML5 呈现一个网页，要求用户输入其出生年份和当前年份。
当用户单击按钮时，将调用JS
函数该函数应将用户输入作为参数并计算可能的年龄
如果用户输入无效，屏幕上应显示错误消息（我什至还没有走到这一步！
到目前为止，我的尝试如下：


<head>

</head>
<body>
    <script type="text/javascript">
        function calculateAge()
    {
        var birthyear= document.form.text.birthyear.value;
        var currentyear= document.form.text.currentyear.value;
        var sum= birthyear - currentyear;

        document.write=("<button onclick="calculateAge()">Calculate Age"You are either " + sum " or " + sum + 1)</button>
    }
    </script>

        <form>
            Birth Year
            <input type="text" name="birthyear">
            <br> <br>
            Current Year
            <input type="text" name="currentyear">
            <br><br>
            <button onclick="calculateAge()">Calculate Age</button>
        </form>

</body>

任何/所有帮助都会得到真正的认可，我认为一旦我看到为所问问题正确编写的代码，它将极大地帮助我理解事物......干杯。

请尝试这个。

<head>
 <script type="text/javascript">
    function calculateAge()
    {
        var birthyear= document.myform.birthyear.value;
        var currentyear= document.myform.currentyear.value;
        var sum= birthyear - currentyear;

        document.write("Calculate Age=You are either " + sum +" or " + (sum + 1));
    }
    </script>
</head>
<body>

        <form name="myform">
            Birth Year
            <input type="text" name="birthyear">
            <br> <br>
            Current Year
            <input type="text" name="currentyear">
            <br><br>
            <input type="button" onclick="calculateAge()" value="Calculate Age"/>
        </form>

</body>

下面是一个示例

https://jsfiddle.net/a68dc1pk/

function calculateAge() {
    //alert(document.getElementById("birthyear").value);
    var birthyear= document.getElementById("birthyear").value
    var currentyear= document.getElementById("currentyear").value
    var sum= currentyear - birthyear;
    alert(sum);
}

删除表单标记

Birth Year
        <input type="text" id = "birthyear" value="1990" name="birthyear">
        <br> <br>
        Current Year
        <input type="text" value="2015" id = "currentyear" name="currentyear">
        <br><br>
        <button onclick="calculateAge()">Calculate Age</button>
相关文章：