时间戳

首页 > 解决方案 > 如何在 if 语句中为用户输入添加多个选项

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

问题描述

我正在尝试制作一个代码，您可以在其中从百分比等级中获得字母等级。评分标准印在代码的顶部。然后，我做了一个按钮，当你点击它时，它会提示用户输入他们的百分比分数。我试图做到这一点，如果用户输入，例如，93，代码将告诉他们他们有一个 A。我试图对 A 的所有值 100-90、B 的 89-80、79- 执行此操作C 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>

标签： javascripthtmluser-input

解决方案

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猜应该是相同的）。

推荐阅读