Javascript 我做了一个年龄计算器,我需要刷新重新使用

Javascript 我做了一个年龄计算器,我需要刷新重新使用,javascript,button,calculator,Javascript,Button,Calculator,我对java脚本还不熟悉,当时正在摆弄一个年龄计算器。我做了一个我觉得很好用的,但是我注意到如果你要使用它,你必须刷新页面才能再次使用它。我怎样才能使它不需要刷新,而只需输入另一个值 <table id="tableCenter"> <tr id="yearBornRow"> <p>What year were they born?</p> <input id="year

我对java脚本还不熟悉,当时正在摆弄一个年龄计算器。我做了一个我觉得很好用的,但是我注意到如果你要使用它,你必须刷新页面才能再次使用它。我怎样才能使它不需要刷新,而只需输入另一个值

    <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=“此人是”+可能性+”或“+年龄;
}