2017-02-09 6 views
0

大きな数字を選ぶ小さなプログラムを書こうとしています。私の問題は、.jsファイルでif else文を使用したいということです。ここに私のHTMLです。2つの入力から大きな数字を見つける

<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; 
    } 
}; 
+0

そして、どこのjsファイルのコードはありますか? –

+0

私はそれを元の投稿に追加しました – Drstreaks

+0

'number1 = parseFloat(number1)'?あなたは 'number1 = parseFloat(box1)'を意味しましたか? – EpicOrange

答えて

1

まず、プロパティと引数の間のスペースを避けることをお勧めします。それはまったく同じように動作しているように見えますが、私はそれのような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> 
+0

ありがとう! – Drstreaks

+0

問題ありません!ハッピーコーディング:) –

関連する問題