当另一个函数调用时,函数工作不正常

时间:2017-10-16 21:31:33

标签: javascript html function

首先发布在这里。我正在尝试为学校项目创建一个复活节计算器。函数pasCalc(E)在浏览器控制台上调用 own 时效果很好。但是,当我用html 表单键入一年时,所有日期都已关闭。

很抱歉,如果这听起来像是一个新问题,但我无法弄清楚出了什么问题...非常感谢任何帮助,谢谢你的时间! :)

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>

1 个答案:

答案 0 :(得分:1)

默认情况下,表单字段是字符串。为了使Javascript知道它是一个整数,以便它可以使用数字计算,如日期的年份组件,将其包装在parseInt()

的调用中
var pasxa = pasCalc(parseInt(document.getElementById("inputfield").value))