学校的Javascript和HTML基础
学校的Javascript和HTML基础
提问于 2016-01-31 18:46:24
当谈到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
Stack Overflow用户
回答已采纳
发布于 2016-01-31 19:04:25
请试试这个。
<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>Stack Overflow用户
发布于 2016-01-31 19:07:33
这是一个样本
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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35117837
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号