Question

我想实现一个简单的程序，要求用户输入他的分数（1-100），然后输出等级，平均值和状态。

如您所见，这是一个示例。

（在HTML中）

我创建了五个框，一个框用于输入1-100之间的分数，另一个框用于输入1-10个对象之间的分数，其余框用于显示等级，平均和状态等输出。

（在JS中）

我创建了三个变量，一个用于保存分数，另一个用于保存主题和平均值。

（如您所见，这只是一个示例，我不能将整个代码放在这里）

然后我使用if和else进行计算，如此处所示，如果分数高于或等于95且不小于或等于0，它将显示等级值A+和平均值（输入的分数除以（输入的主题）和状态You Passed。否则显示错误信息。

但这不是工作人员！因此，请您帮忙，我将不胜感激。

在此先感谢您！

JS：

function Calculate() {
  var marks = document.getElementById('marks').value;
  var subjects = document.getElementById('subjects').value;
  var avarage = marks / subjects;
  if (marks >= 95 && marks != 0) {
    document.getElementById('garde').value = "A+";
    document.getElementById('avarage').value = avarage;
    document.getElementById('state').value = "You Passed";
  } else {
    alert("Wrong Info")
  }
};

HTML：

<!DOCTYPE html>
<html>
<head>
  <title>GPA</title>
</head>
<body>
  <label>Please Enter Your Marks(1-100)</label>
  <input type="number" id="marks">
  <label>How Many Subjects Were You Taking(1-10)</label>
  <input type="number" id="subjects">
  <br><br>
  <label>Your Grade Is :</label>
  <input type="text" id="grade">
  <label>Your Avarage Is :</label>
  <input type="text" id="avarage">
  <label>You :</label>
  <input type="text" id="state">
  <br><br>
  <button type="submit" onclick="Calculate()">Calculate</button>
</body>
</html>

Answer 1

id属性不匹配，应为grade而不是garde，如下所示：

document.getElementById('grade').value = "A+";

JavaScript等级，平均值和状态计算器

1 个答案: