別の関数で呼び出すと関数が正しく機能しない

Question

最初の投稿はここにあります。私は学校のプロジェクトのためのイースター電卓を作成しようとしています。関数pasCalc（E）は、ブラウザコンソールの自身ので呼び出されると効果的です。しかし、フォームに年を入力すると、すべての日付がオフになります。

申し訳ありませんが、これはnewbの質問のように聞こえますが、何が間違っているか把握できません...どんな助力も大変ありがとうございます。 :)

function start() { 
 
    document.getElementById("orthodox").innerHTML = "Ορθόδοξο πάσχα:"; 
 
    //var E = document.getElementById("inputfield").value; 
 
    //console.log(E); 
 
    var pasxa = pasCalc(document.getElementById("inputfield").value) 
 
    console.log(pasxa); 
 
    //console.log(pasxa[0] + " " + pasxa[1]); 
 

 
    document.getElementById("orthodox").innerHTML += " " + pasxa; 
 
} 
 

 
function pasCalc(E) { 
 
    //var E = 2018; 
 
    var a = E % 19; 
 
    var T = (8 + 11 * a) % 30; 
 
    var month = "Mach"; 
 
    var K = Math.floor((E/100) - (E/400) - 2); 
 

 
    var iPanArx = 21 + (53 - T) % 30; 
 

 
    if (iPanArx > 31) { 
 
    var iPanArxM = iPanArx - 31; 
 
    month = "April"; 
 
    } else { 
 
    var iPanArxM = iPanArx; 
 
    } 
 

 
    var iPanTel = iPanArxM + K; 
 
    var Y = (E + Math.floor(E/4) + iPanArx) % 7; 
 
    var iPas = iPanTel + (7 - Y); 
 

 
    if (iPas > 30 && month == "April") { 
 
    month = "May"; 
 
    var iPas = iPas - 30; 
 
    } else if (iPas > 31 && month == "Marchυ") { 
 
    month = "April"; 
 
    var iPas = iPas - 31; 
 
    } 
 
    console.log(iPas + " " + month + " " + E); 
 
    var arr = []; 
 
    arr.push(iPas); 
 
    arr.push(month); 
 
    return arr; 
 
}

<div class="container align-center"> 
 
    <h1>Easter Calculator</h1> 
 
    <input id="inputfield" type="text" placeholder="Enter a Year..."> 
 
    <button class="btn btn-primary" onclick="start();">Submit</button> 
 
    <h5 id="orthodox">Orthodox Easter:</h5> 
 
    <h5>Catholic Easter:</h5> 
 

 
</div>

Answer 1

フォームフィールドは、デフォルトでは、文字列です。 Javascriptが、それは日付の年コンポーネントのような数値計算で動作するように、それは整数であることを知っているparseInt()

var pasxa = pasCalc(parseInt(document.getElementById("inputfield").value))