Javascript&学校的HTML基础知识

时间:2016-01-31 18:46:25

标签: javascript html html5

对于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>

任何/所有帮助都将被真正适用,我想一旦我看到代码正确编写的问题,它将主要帮助我理解事物...... 欢呼声。

2 个答案:

答案 0 :(得分:1)

请试试这个。

<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>

答案 1 :(得分:1)

这是一个示例

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>