javascript - How do I use innerHTML Property in function? -

javascript - How do I use innerHTML Property in function? -

i trying utilize innerhtml property value. have created shopping cart , having problem using innerhtml property (which total value ) in function. using range calcuator multiply total value monthly rate.

check codepen

i using property (which cost total) (creating var rangecalculator seems problem. how utilize innerhtml in functions ?

var rangecalculator = document.getelementbyid('grandtotal').innerhtml = (((salestotal-discount12) * (0.13)) + (salestotal-discount12)).tofixed(2);

in range calculator.

var pricerange = [ 100, 250, 1000, 2500, 5000 ]; var pricevalue = [ 0.23, 0.12, 0.20, 0.19, 0.19 ]; for(range in pricerange) if (rangecalculator >= pricerange[range]) ratevalue = pricevalue[range]; document.getelementbyid("monthlyrate").innerhtml= ratevalue * rangecalulator;

i nan , undefined. works when set(a number) var rangecalculator = 100.

thanks help

there's quite mess... rangecalculator gets string value "your rate: $..."

then, you're comparing rangecalculator against numbers:

if (rangecalculator >= pricerange[range]) ratevalue = pricevalue[range];

which never true, , therefore, ratevalue never gets value , remains undefined, etc...

i presume, should start code with:

var rangecalculator = (((salestotal-discount12) * (0.13)) + (salestotal-discount12)).tofixed(2); document.getelementbyid('grandtotal').innerhtml = "your rate: $" + rangecalculator;

javascript html dom