フォーム内の更新された値が新しいdivに正しく転送されない

Question

指定された範囲外の値を入力すると、許容される最小値/最大値に更新されますが、varの値はmax /分。 keyup関数が実行最初に、その後のonchange（cadCheck）関数を実行し、ので、あなたの値が正しく更新されない https://jsfiddle.net/epf4uyr6/

function cadCheck(input) { 
    if (input.value < 2) input.value = 2; 
    if (input.value >= 100) input.value = 99.99; 
} 


document.getElementById('cad').onkeyup = function() { 
var cad = (this.value); 
document.getElementById("cad-quote").innerHTML = "Market: $" +cad; 
} 

Answer 1

を（あなたは、両方のフォームに1を入力し、引用符をクリックして確認できます）。

あなたの現在のロジックはonchange関数内にあります。なぜ、値が正しく更新されないのですか？

この行をonkeyup関数に移動し、それをonchangeから削除します。

document.getElementById('cad').onkeyup = function() { 
        if (this.value >= 100) this.value = 99.99; 
        var cad = (this.value); 
        document.getElementById("cad-quote").innerHTML = "Market: $" +cad; 
       }