Py学习  »  Jquery

输入数字并使用jquery查找最大和最小的数字

Benglenn Dagala • 5 年前 • 584 次点击  
<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>
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/31336
 
584 次点击  
文章 [ 1 ]  |  最新文章 5 年前
Dacre Denny
Reply   •   1 楼
Dacre Denny    5 年前

如果我理解正确,您需要完成上面的代码,以便 largest() 可以调用函数来标识输入之间的最大数目 id="N" id="M" .

一种方法可能是引入 <button> 元素,并使用jquery绑定 click() 它的处理程序将调用 大() 像这样:

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>