私は年齢調整ツールを作って再利用するためにリフレッシュする必要があります

Question

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

あなたは自分の価値観で算術演算を実行しているので、あなたがそれらを使用できるように適切に整数として、それらを解析する必要が先進

Answer 1

で任意の助けてくれてありがとうparseInt()関数を介して：

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

Answer 2

を。それは魅力のように動作します!!以下のようにします：

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