如何在 if 语句中为用户输入添加多个选项

我正在尝试制作一个代码，您可以在其中从百分比等级中获得字母等级。分级比例打印在代码的顶部。然后，我做了一个按钮，当你点击它时，它会提示 suer 输入他们的百分比等级。我试图让用户这样做，例如，93 代码会告诉他们他们有一个 A.我试图对所有值执行此操作：A 为 100-90，B 为 89-80，C 为 79-70，D 为 69-60，E 为 59-50，F 的任何值小于 50。我有等级表的代码，我启动了函数的函数，该函数将为用户提供他们的字母等级，但无法弄清楚如何在 if 语句中有多个值。

function myFunction() {
  var q1 = prompt("Please enter your percentage grade: ");
  if (q1 <= 100 && grade > 90) {
    alert("You have an A");
  }
  if (q1 <= 89 && grade > 80) {
    alert("You have a B");
  }
  if (q1 <= 79 && grade > 70) {
    alert("You have a C");
  }
  if (q1 <= 69 && grade > 60) {
    alert("You have a D");
  }
  if (q1 <= 59 && grade > 50) {
    alert("You have an E");
  }
  if (q1 > 50) {
    alert("You have an F");
  } else {
    alert("Broken")
  }
}

<html>
<body>
  <h1>Grade Scale</h1>
  <p>
    <table>
      <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
        <th>D</th>
        <th>E</th>
        <th>F</th>
      </tr>
      <tr>
        <td>100-90</td>
        <td>89-80</td>
        <td>79-70</td>
        <td>69-60</td>
        <td>59-50</td>
        <td>
          < 50</td>
      </tr>
    </table>
  </p>
  <p2>
    <button onclick="myFunction()">Click Here To See Your Conversion!</button>
  </p2>
</body>
</html>

您可以使用if - else语句来实现此目的。这将确保所有if块只有一个条件匹配 - 并且每个if语句只需要一个条件：

<p>   
  <button onclick="myFunction()">Click Here To See Your Conversion!</button>
</p>
<script>
function myFunction() {
  var grade = prompt("Please enter your percentage grade: ");
  if (grade > 90) {
    alert("You have an A");
  }
  else if (grade > 80){
    alert("You have a B");
  }
  else if (grade > 70){
    alert("You have a C"); 
  }
  else if (grade > 60){
    alert("You have a D");
  }
  else if (grade > 50){
    alert("You have an E");
  }
  else {
    alert("You have an F"); 
  }
}
</script>

顺便说一句：请检查您的变量并对所有变量使用相同的名称(我猜q1和grade应该相同(。

主要问题是您的变量命名不一致，所以我将它们全部更改为 q1。您对>条件的逻辑也有点不对劲，所以我更改了它们，以便它们考虑正确的范围。请记住，对于像 B 这样的东西，它将是所有小于 90 且大于或等于 80 的数字。 90 > B >= 80

正如其他人所提到的<p1>和<p2>不是正确的 html 标签。请改用<p>。

function myFunction() {
  var q1 = prompt("Please enter your percentage grade: ");
  if (q1 <= 100 && q1 >= 90) {
    alert("You have an A");
  }
  else if (q1 < 90 && q1 >= 80) {
    alert("You have a B");
  }
  else if (q1 < 80 && q1 >= 70) {
    alert("You have a C");
  }
  else if (q1 < 70 && q1 >= 60) {
    alert("You have a D");
  }
  else if (q1 < 60 && q1 >= 50) {
    alert("You have an E");
  }
  else if (q1 < 50 && q1 >= 0) {
    alert("You have an F");
  }
  else {
    alert("Broken")
  }
}

<!DOCTYPE html>
<html>
<body>
  <h1>
    Grade Scale
  </h1>
  <p>
    <table>
      <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
        <th>D</th>
        <th>E</th>
        <th>F</th>
      </tr>
      <tr>
        <td>100-90</td>
        <td>89-80</td>
        <td>79-70</td>
        <td>69-60</td>
        <td>59-50</td>
        <td>< 50</td>
      </tr>
    </table>
  </p>
  
  <p>
    <button onclick="myFunction()">Click Here To See Your Conversion!</button>
  </p>
</body>
</html>

相关内容

最新更新

热门标签：