从两个输入中查找较大的数字

我正在尝试编写一个只读取较大数字的小程序。我的问题是，它希望我在.js文件中使用if else语句。这里是我的HTML。从两个输入中查找较大的数字

<body> 

    BOX 1<input id = 'box1' name = '' value = '' class = ''><br> 
    BOX 2<input id = 'box2' name = '' value = '' class = ''><br> 
    BIGGER<input id = 'bigger' name = '' value = '' class = ''><br> 
    <button id = 'go' class = ''>GO</button> 
    <script src = 'js/javascript 03.js'></script> 
</body>

我真的很努力写.js文件。

document.getElementById('go').onclick = function() { 

    var box1 = document.getElementById('box1').value; 

    number1 = parseFloat(number1); 

    var box2 = document.getElementById('box2').value; 

    number2 = parseFloat(number2); 

    var bigger = 

     document.getElementById('bigger').value = total; 


    if (number1 > number2) { 

     bigger = number1; 

    }; 

    else { 

     bigger = number2; 
    } 
};

来源

2017-02-09 Drstreaks

哪里是js文件的代码？ –

我把它添加到原文 – Drstreaks

'number1 = parseFloat（number1）'？你的意思是'number1 = parseFloat（box1）'？ – EpicOrange

首先，我建议你避免属性和参数之间的空格。尽管看起来工作情况完全一样，但我从来没有见过这样的HTML代码。

这是我想出了：

<html> 
<body> 
    BOX 1 <input id='box1' name='' value='' class=''><br> 
    BOX 2 <input id='box2' name='' value='' class=''><br> 
    BIGGER<input id='bigger' name='' value='' class=''><br> 
    <button id='go' class=''> GO</button> 

    <script type="text/javascript"> 
     document.getElementById('go').onclick = function() { 
      // Let's get the values and convert them to integers 
      var val1 = parseInt(document.getElementById('box1').value); 
      var val2 = parseInt(document.getElementById('box2').value); 

      // Let's pick the bigger one and put it in another variable, "bigger"   
      if (val1 > val2) 
       var bigger = val1; 
      else 
       var bigger = val2; 

      // Let's write the value we just picked to the field whose id is "bigger" 
      document.getElementById('bigger').value = bigger; 
     } 
    </script> 
</body> 
</html>

来源

2017-02-09 23:21:56

非常感谢你！ – Drstreaks

没问题！快乐编码:) –

从两个输入中查找较大的数字

回答

相关问题