2つのボックス、2つのmax値 - 私は2つのテキストボックス持ってではなく、うまくいけば、私は私が探しているものを説明することができ

Question

をボックスにどの属している値に設定...

：長さと幅

を私はそれがどのボックスに設定されていないしたいと思い：

document.getElementById('Length').onchange = function(){ 
     if(this.value > 200){ 
      this.value = 200; 
     } 
     if(this.value < 10){ 
      this.value = 10; 
     } 
} 


    document.getElementById('Width').onchange = function(){ 
     if(this.value > 100){ 
      this.value = 100; 
     } 
     if(this.value < 20){ 
      this.value = 20; 
     } 
} 

ここでトリッキーな部分があります：他には、それは私がこのコードを使用しています現時点では100ですが

1つのボックスで、最大値は200ですどの最大値を有するか。それは顧客のタイプに依存するはずです。 誰かが長さで100未満の値を入力した場合、幅の最大値は200です。しかし、長さに「158」と入力すると、幅の最大値は100、長さの最大値は200になります。

また、最初に誰かが長さ150を入力してから幅160を入力すると、250の長さを100に変更する必要があります。したがって、200の最大値は、最大100

編集：また、最大値を最小値で接続することは可能でしょうか？したがって、最大値を取得するボックスの最小値は10、その後のボックスの最小値は100、最大値は20です。 わかりました。おそらく、このような

Answer 1

何か、：

var length = document.getElementById('Length'), 
    width = document.getElementById('Width'); 

length.onchange = function() { 
    var maxValue = width.value < 100 ? 200 : 100; 
    if (this.value > maxValue) { 
     this.value = maxValue; 
    } 
    if (this.value < 10) { 
     this.value = 10; 
    } 
}; 

width.onchange = function() { 
    var maxValue = length.value < 100 ? 200 : 100; 
    if (this.value > maxValue) { 
     this.value = maxValue; 
    } 
    if (this.value < 10) { 
     this.value = 10; 
    } 
}; 

jsFiddle。