Ferris教程学习笔记:js示例3.4输入两个数字，比较大小

//这个示例..最巧妙三目运算
//
2:(inputs[0].value == "" || inputs[1].value=="")?alert("ff"):
span.innerHTML = Math.max(inputs[0].value,inputs[1].value);

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml"><head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gbk">
 4 <title>输入两个数字，比较大小</title>
 5 <style type="text/css">
 6  body{font:12px/1.5;text-align:center;}
 7  .f-text{width:50px;border:1px solid #ccc;background:#f0f0f0;font-family:inherit;padding:3px;}
 8  .f-btn{margin:0 10px;}
 9  strong{padding:0 10px;}
10  span{font-weight:700;color:red;}
11 </style>
12 </head>
13 <body>
14 <input type="text" class="f-text" />
15 <strong>vs</strong>
16 <input type="text" class="f-text" />
17 <input type="button" class="f-btn" value="最大的数是 >>"/>
18 <span>？</span>
19 <script type="text/javascript">
20  window.onload = function(){
21    var inputs = document.getElementsByTagName("input");
22    var span = document.getElementsByTagName("span")[0];
23 
24    var size = inputs.length;
25    for(var i=0;i<size-1;i++){
26       inputs[i].onkeyup = function(){
27         this.value = this.value.replace(/[^d]/,"");
28       };
29    }
30    
31    inputs[2].onclick = function(){
32      //if(inputs[0].value == "" || inputs[1].value == "")alert("请输入");
33      //span.innerHTML = inputs[0].value > inputs[1].value ? inputs[0].value : inputs[1].value;
34      //alert(inputs[0].value+":"+inputs[1].value);
35      (inputs[0].value == "" || inputs[1].value == "")?alert("请输入"):
36      span.innerHTML = Math.max(inputs[0].value,inputs[1].value);
37    };
38    
39    
40  };
41  
42  //------------------------
43  //这个示例..最巧妙三目运算
44  //
45  //2:(inputs[0].value == "" || inputs[1].value=="")?alert("ff"):
46  //span.innerHTML = Math.max(inputs[0].value,inputs[1].value);
47  
48  
49 </script>
50 </body>
51 </html>