введите число и найдите наибольшее и наименьшее число с помощью jquery

#javascript #jquery #arrays #typescript #if-statement

#javascript #jquery #массивы #typescript #if-оператор

Вопрос:

 <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>
  

Ответ №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>  

Комментарии:

1. но мне нужно также найти наименьшее, поэтому, если мой код не идеален, мне нужно ввести число 2 и показать наибольшее и наименьшее

2. @BenglennDagala не проблема — итак, вы хотите показать оповещение, которое отображает, какое значение является наименьшим, а какое — наибольшим?

3. да, сэр, я вряд ли думал, что будет отображаться только самое большое