How to use JSON data in JS function?

Vote count: 0

I am pulling out data from bitcoinaverage.com's API and saving it in var 'price'.

Later I want to use it in a calculation im doing in JS but it doesn't work, only works if I put a static integer instead of 'price'.

I've tried pasteInt() on price and it still doesn't work. Any ideas on what I could be doing wrong?

var xbtc = new XMLHttpRequest();
xbtc.open('GET', 'http://ift.tt/2khL5o1', true);
xbtc.onreadystatechange = function(){
    if(xbtc.readyState == 4){
        var ticker = JSON.parse(xbtc.responseText);
        price = ticker.last;
    }
};
xbtc.send();

here's the JS where im using price variable: (at the bottom)

var directionSlider = document.getElementById('slider-direction');

noUiSlider.create(directionSlider, {
    start: 20,
    connect: [true, false],
    direction: 'ltr',
    range: {
        'min': 2,
        'max': 99.99
    }
});
var cadc = document.getElementById('cadc');
var btcc = document.getElementById('btcc');

directionSlider.noUiSlider.on('update', function( values, handle ) {
    cadc.value = directionSlider.noUiSlider.get();
    cadConvert();
});

cadc.addEventListener('change', function(){
    directionSlider.noUiSlider.set(this.value);
    cadConvert();
});
btcc.addEventListener('change', function(e){
   directionSlider.noUiSlider.set(this.value*price);
});
function cadConvert() {
    var cad = directionSlider.noUiSlider.get();
    var cadCalc = cad / price;
    document.getElementById("btcc").value = cadCalc;

}

asked 50 secs ago

NipBoss

Let's block ads! (Why?)

How to use JSON data in JS function?