CODEWITHSUNDEEP
javascriptjqueryhtml
NipBoss
NipBoss

Reputation: 173

updated values inside form do not transfer properly into new div

basically when you enter a value out of the specified range it gets updated to the minimum/maximum allowed, but the value of the var doesn't get updated to the max/min. (you can check by entering 1 into both forms and clicking on quote) 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;
}

Upvotes: 0

Views: 49

Answers (1)

Dinesh Shah
Dinesh Shah

Reputation: 1233

your values not updating properly because , keyup function executing first and then onchange(cadCheck) function execute.

your current logic is inside onchange function , thats why value not updating properly.

move this line in onkeyup function , and remove it from 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;
                 }

Upvotes: 3

Related Questions