Вывод на основе двух входов

Question

Я пытаюсь сделать калькулятор «Должен ли я пройти этот тест или этот тест». При вводе обоих значений ничего не выводится, поэтому я ищу ошибку в своем коде. Спасибо!

document.getElementById("test2score").onkeyup = function() {
  WhichTestFunction()
};

function WhichTestFunction() {
  var t1 = document.getElementById('test1score').value;
  var t2 = document.getElementById('test2score').value;

  if (t1 == 9) && (t2 < 120) {
    score = "Take Test 1";
  }

  else if (t1 == 9) && (t2 > 140) {
    score = "Take Test 2";
  }

  else if (act == 9) && (sat >= 120) && (sat <= 140) {
    score = "Toss up. Take the test you like better based on format and content.";
  }

  document.getElementById("testscore").innerHTML = score;
}

<section id="" class="">
  <div class="container text-center">
    <div class="col-md-6 col-md-offset-1">
      <h2><b>Which Test To Take?</b></h2>
      <br>
      <div class="col-md-4 col-md-offset-1">
        <h6><b>Input Test 1 Score</b></h6>
        <input type="number" id="test1score">
      </div>
      <div class="col-md-4 col-md-offset-1">
        <h6><b>Input Test 2 Score</b></h6>
        <input type="number" id="test2score">
      </div>
      <p id="testscore"></p>
    </div>
  </div>
</section>

Answer 1

Прежде всего, вам нужно обернуть свои if операторы с внешними скобками

if ((act == 9) && (sat >= 120) && (sat <= 140)) {...}

Тогда у вас есть пара необъявленных переменных, вызывающих исключение

var score, sat, act;

Примечание 1a: Должны ли эти 3 переменные быть объявлены / доступны глобально, я не знаю.

Примечание 1b: Поскольку я не знал, какими они должны быть на самом деле, я прокомментировал последний оператор if, чтобы код выполнялся в этом демонстрационном примере.

Фрагмент стека

<section id="" class="">
    <div class="container text-center">
        <div class="col-md-6 col-md-offset-1">
            <h2><b>Which Test To Take?</b></h2>
            <div class="col-md-4 col-md-offset-1">
                <h6><b>Input Test 1 Score</b></h6>
                <input type="number" id="test1score">
            </div>
            <div class="col-md-4 col-md-offset-1">
                <h6><b>Input Test 2 Score</b></h6>
                <input type="number" id="test2score">
            </div>
        <p id="testscore"></p>
        </div>
    </div>
</section>

<script>

document.getElementById("test2score").onkeyup = function() {WhichTestFunction()};

var score, sat, act;

function WhichTestFunction() {
    var t1 = document.getElementById('test1score').value;
    var t2 = document.getElementById('test2score').value;

    if ((t1 == 9) && (t2 < 120)) {
        score = "Take Test 1";
    } 

    else if ((t1 == 9) && (t2 > 140)) {
        score = "Take Test 2";
    }
/*
    else if ((act == 9) && (sat >= 120) && (sat <= 140)) {
        score = "Toss up. Take the test you like better based on format and content.";
    }
*/
    document.getElementById("testscore").innerHTML = score;
}


</script>