Javascript 我做了一个年龄计算器,我需要刷新重新使用
我对java脚本还不熟悉,当时正在摆弄一个年龄计算器。我做了一个我觉得很好用的,但是我注意到如果你要使用它,你必须刷新页面才能再次使用它。我怎样才能使它不需要刷新,而只需输入另一个值Javascript 我做了一个年龄计算器,我需要刷新重新使用,javascript,button,calculator,Javascript,Button,Calculator,我对java脚本还不熟悉,当时正在摆弄一个年龄计算器。我做了一个我觉得很好用的,但是我注意到如果你要使用它,你必须刷新页面才能再次使用它。我怎样才能使它不需要刷新,而只需输入另一个值 <table id="tableCenter"> <tr id="yearBornRow"> <p>What year were they born?</p> <input id="year
<table id="tableCenter">
<tr id="yearBornRow">
<p>What year were they born?</p>
<input id="yearBorn">
</tr>
<tr id="currentYearRow">
<p>What is the current year?</p>
<input id="currentYear">
</tr>
</table>
<br>
<button onclick="showAge()">Submit</button>
<p id="printCurrentAge">Submit to find the age!</p>
他们是哪一年出生的
今年是什么时候
提交
提交以查找年龄
然后是js
<script>
var yearBorn = document.getElementById("yearBorn").value
var currentYear = document.getElementById("currentYear").value
var age = currentYear - yearBorn
var possiblity = age++
function showAge(){
document.getElementById("printCurrentAge").innerHTML = "The person is either " +possiblity+ " or " +age;
}
</script>
var yearBorn=document.getElementById(“yearBorn”).value
var currentYear=document.getElementById(“currentYear”).value
变量年龄=当前年份-出生年份
var可能性=年龄++
函数显示(){
document.getElementById(“printCurrentAge”).innerHTML=“此人是”+可能性+”或“+年龄;
}
感谢高级中的帮助,因为您正在对值执行算术运算,因此需要将它们正确解析为整数,以便通过函数使用它们:
var yearBorn = parseInt(document.getElementById("yearBorn").value);
var currentYear = parseInt(document.getElementById("currentYear").value);
var age = currentYear - yearBorn
var possiblity = age + 1;
您还需要在showAge()
函数中添加此项,以便每次单击按钮时都计算此项:
function showAge(){
var yearBorn = parseInt(document.getElementById("yearBorn").value);
var currentYear = parseInt(document.getElementById("currentYear").value);
var age = currentYear - yearBorn
var possiblity = age + 1;
document.getElementById("printCurrentAge").innerHTML = "The person is either " +possiblity+ " or " +age;
}
由于要对值执行算术运算,因此需要将它们正确解析为整数,以便通过函数使用它们:
var yearBorn = parseInt(document.getElementById("yearBorn").value);
var currentYear = parseInt(document.getElementById("currentYear").value);
var age = currentYear - yearBorn
var possiblity = age + 1;
您还需要在showAge()
函数中添加此项,以便每次单击按钮时都计算此项:
function showAge(){
var yearBorn = parseInt(document.getElementById("yearBorn").value);
var currentYear = parseInt(document.getElementById("currentYear").value);
var age = currentYear - yearBorn
var possiblity = age + 1;
document.getElementById("printCurrentAge").innerHTML = "The person is either " +possiblity+ " or " +age;
}
您只需要在函数中移动变量。它会很有魅力的!!。你可以这样做:
<script>
function showAge(){
var yearBorn = document.getElementById("yearBorn").value
var currentYear = document.getElementById("currentYear").value
var age = currentYear - yearBorn
var possiblity = age++
document.getElementById("printCurrentAge").innerHTML = "The person is either " +possiblity+ " or " +age;
}
</script>
函数显示(){
var yearBorn=document.getElementById(“yearBorn”).value
var currentYear=document.getElementById(“currentYear”).value
变量年龄=当前年份-出生年份
var可能性=年龄++
document.getElementById(“printCurrentAge”).innerHTML=“此人是”+可能性+”或“+年龄;
}
只需将变量移到函数中即可。它会很有魅力的!!。你可以这样做:
<script>
function showAge(){
var yearBorn = document.getElementById("yearBorn").value
var currentYear = document.getElementById("currentYear").value
var age = currentYear - yearBorn
var possiblity = age++
document.getElementById("printCurrentAge").innerHTML = "The person is either " +possiblity+ " or " +age;
}
</script>
函数显示(){
var yearBorn=document.getElementById(“yearBorn”).value
var currentYear=document.getElementById(“currentYear”).value
变量年龄=当前年份-出生年份
var可能性=年龄++
document.getElementById(“printCurrentAge”).innerHTML=“此人是”+可能性+”或“+年龄;
}