введите число и найдите самое большое и самое низкое число, используя jquery

Question

<script type="text/javascript">
  function largest() {
    var num1, num2;
    num1 = Number(document.getElementById("N").value);
    num2 = Number(document.getElementById("M").value);
    if (num1 > num2) {
      window.alert(num1 + "-is largest");
    } else if (num2 > num1) {
      window.alert(num2 + "-is largest");
    }
</script>

Answer 1

Если я правильно понимаю, вы хотите завершить приведенный выше код, чтобы можно было вызвать функцию largest() для определения наибольшего числа между входами с id="N" и id="M".

Одним из подходов может быть введение элемента <button> и использование jQuery для привязки к нему обработчика click(), который будет вызывать largest() следующим образом:

function largest() {
  var num1, num2;

  /* Update to use jQuery style selectors */
  num1 = Number($("#N").val());
  num2 = Number($("#M").val());

  if (num1 > num2) {
    window.alert(num1 + " from N is largest and " + num2 + " from M is lowest");
  } else if (num2 > num1) {
    window.alert(num2 + " from M is largest and " + num1 + " from N is lowest");
  }
}

/* Get the find-largest button, and add a click event listener which calls the
largest() function */
$("#find-largest").click(function() {

  /* Call the largest() function */
  largest();

  /* Prevent the buttons default behavior */
  return false;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>
<div>
  <label>Number N:</label>
  <input id="N" type="number" />
</div>
<div>
  <label>Number M:</label>
  <input id="M" type="number" />
</div>

<!-- Add a button which when clicked calls largest() function -->
<div>
  <button id="find-largest">Find largest</button>
</div>