带有 Javascript 和 2 个字段的计算器答案

【问题标题】：Calculator with Javascript and 2 fields带有 Javascript 和 2 个字段的计算器
【发布时间】：2018-01-14 19:27:08
【问题描述】：

我应该做一个计算器（它应该在明天完成），它是用 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>

【问题讨论】：

上课要专心听讲？
学js怎么样？这不就是你上课的原因吗？
您的实际问题是什么？什么在起作用？什么不是？您在控制台中遇到什么错误？

标签： javascript html css

【解决方案1】：

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

你的变量名也不一致。

例如：

else 后面没有左大括号 ({)
您在此行之前有一个随机打开的大括号：summa = number1_parsed + number2_parsed;
你打电话给parseInt(tal1);，但你的变量是number1而不是tal1
您使用summa 保存总和，但您的alert 使用sum

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

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

【讨论】：