Question

我应该制作一个计算器（它应该在明天完成）并且它是在Javascript中，我正在接受这个距离课程，他们刚刚介绍了这个任务的Javascript，我不明白任何代码这意味着什么。我理解HTML和CSS，但JS只是我根本无法理解的东西。

我已经开始使用代码，但我无法继续使用，因为我无法在网上找到任何像这样的计算器或任何简单的JS解释。它应该没有提交按钮，设计是无关紧要的，但它应该有两个文本字段。

function Calculate() {
  var number1 = document.getElementById("number1").value;
  var number2 = document.getElementById("number2").value;
  number1_parsed = parseInt(tal1);
  tal2_parsed = parseInt(tal2);
  if (number1_parsed) {} else
    alert("Wrong characters");
  return false;
} {
  summa = number1_parsed + number2_parsed;
  alert("Sum" + sum);
}

<div id="calculator">
  <h1> Calculator </h1>
  <form name="kalkylator">
    <input type="text" name="number1" id="number1" size="10" />
    <input type="text" name="number2" id="number2" size="10" />
    <input type="button" onclick="Calculate();" id="calculate" value="Result">
  </form>
</div>

Answer 1

您需要清楚地格式化代码。它有助于简化调试。保持缩进准确。如果你这样做了，你可能会看到乱糟糟的花括号。

此外，您的变量名称也不一致。

例如：

在{

else

在此行之前，您有一个随机的大括号：summa = number1_parsed + number2_parsed;
您致电parseInt(tal1);但您的变量为number1而非tal1
您使用summa来保留金额，但alert使用sum

＆＃13;

var number1 = document.getElementById("number1");
var number2 = document.getElementById("number2");

function Calculate() {
  var number1_parsed = parseInt(number1.value);
  var number2_parsed = parseInt(number2.value);
  if (isNaN(number1_parsed) || isNaN(number2_parsed)) {
    alert("Wrong characters");
    return false;
  }

  var sum = number1_parsed + number2_parsed;
  alert("Sum: " + sum);
}

＆＃13;

<div id="calculator">
  <h1> Calculator </h1>
  <form name="kalkylator">
    <input type="text" name="number1" id="number1" size="10" />
    <input type="text" name="number2" id="number2" size="10" />
    <input type="button" onclick="Calculate();" id="calculate" value="Result">
  </form>
</div>

＆＃13;

计算器与Javascript和2个字段

1 个答案: