Как добавить несколько опций для ввода пользователя в операторе if - PullRequest
Новая
       12

Как добавить несколько опций для ввода пользователя в операторе if

0 голосов
/ 26 марта 2019

Я пытаюсь создать код, в котором вы можете получить буквенную оценку из процентной оценки.Шкала оценок напечатана вверху кода.Затем я сделал кнопку, где, когда вы щелкаете по ней, он запрашивает у suer ввести их процентную оценку.Я пытаюсь сделать так, что если пользователь вводит, например, 93, код скажет им, что у них есть А. Я пытаюсь сделать это для всех значений 100-90 для А, 89-80 для В, 79-70 для C, 69-60 для D, 59-50 для E и все, что меньше 50 для F. У меня есть код для шкалы оценок, и я запустил функцию для функции, которая даст пользователю ихбуквенная оценка, но не может понять, как иметь более одного значения в операторе 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>

Ответы [ 2 ]

1 голос
/ 26 марта 2019

Вы можете достичь этого с помощью 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 должны быть одинаковыми, я думаю).

0 голосов
/ 26 марта 2019

Основная проблема заключалась в том, что ваши переменные не были названы последовательно, поэтому я изменил их все на 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...