Funny because from time to time, the value is kind of reset for no reason:
```auto
[D6653]: Currency: edg valueSlider.value: 1.999 and totalCrypto.value: 19
[D6653]: Currency: ardr valueSlider.value: 2.999 and totalCrypto.value: 19
[D6653]: Currency: btg valueSlider.value: 3.999 and totalCrypto.value: 19
[D6653]: Currency: cvc valueSlider.value: 4.9990000000000006 and totalCrypto.value: 19
[D6653]: Currency: bat valueSlider.value: 5.9990000000000006 and totalCrypto.value: 19
[D6653]: Currency: etc valueSlider.value: 6.9990000000000006 and totalCrypto.value: 19
[D6653]: Currency: eth valueSlider.value: 2.995 and totalCrypto.value: 19 <--Why?
[D6653]: Currency: neo valueSlider.value: 7.992 and totalCrypto.value: 19
[D6653]: Currency: lbc valueSlider.value: 8.992 and totalCrypto.value: 19
[D6653]: Currency: lmc valueSlider.value: 9.992 and totalCrypto.value: 19
[D6653]: Currency: xel valueSlider.value: 10.992 and totalCrypto.value: 19
[D6653]: Currency: strat valueSlider.value: 11.992 and totalCrypto.value: 19
[D6653]: Currency: xvg valueSlider.value: 12.992 and totalCrypto.value: 19
[D6653]: Currency: exp valueSlider.value: 13.992 and totalCrypto.value: 19
[D6653]: Currency: trst valueSlider.value: 8.98 and totalCrypto.value: 19
[D6653]: Currency: ubq valueSlider.value: 9.98 and totalCrypto.value: 19
[D6653]: Currency: vtc valueSlider.value: 10.98 and totalCrypto.value: 19
[D6653]: Currency: zec valueSlider.value: 14.984 and totalCrypto.value: 19
```
And yes, I looked at my code and there are only two places where I increase the value of my observable (never reset except at the very first where I set value to ‘0’ - number, not String - it or never decrease the value, only increase it) and the code to increase the value is, in both cases
```auto
valueSlider.value = valueSlider.value + 1;
```
---
```auto
```
```auto
var totalValue = Observable(); <--value initialised somewhere in the code
var visibleSlider = Observable();
var valueSlider = Observable();
valueSlider.value = 0;
function updateBalance(){
valueSlider.value = 0;
var ROOT_URL = 'xxxxx';
fetch(ROOT_URL, myInit)
.then(function(response){
if (response.status !== 200){
console.log('Looks like there was a problem. Status Code: ' + response.status);
return;
}
visibleSlider.value = "Visible";
//Parse the response
response.json().then(function(data){
data.result.forEach(function(element){
if(element.Balance !== 0){
updateValue(element);
}
})
})
})
.catch(function(err){
console.log('Fetch error: ' . err);
});
}
function updateValue(data){
if(data.xxxxx){
valueSlider.value = valueSlider.value + 1;
}else{
var ROOT_URL = 'xxxxxxxx';
var encodedHeaders = {"Content-type" : "application/json"};
var myHeaders = new Headers();
var myInit = {
method: 'GET',
headers: encodedHeaders
};
fetch(ROOT_URL, myInit)
.then(function(response){
if (response.status !== 200){
console.log('Looks like there was a problem. Status Code: ' + response.status);
return;
}
//Parse the response
response.json().then(function(data2){ <--Yes, data2 is used somewhere in my code
valueSlider.value = valueSlider.value + 1;
//Collapse slider once all things have been updated
if(valueSlider.value == somevalue){
visibleSlider.value = "Collapsed";
}
})
})
.catch(function(err){
console.log('Fetch error: ' . err);
})
}
}
module.exports = {
totalValue: totalValue,
visibleSlider: visibleSlider,
valueSlider: valueSlider
};
```
That should work. the idea is I have a button which triggers updateBalance function. The call too the API will return any number of value, currently 19 total. One of these values, at random position, will trigger the first “IF” from updateValue function.
---
Hey.
Sorry, but I still can’t copy-paste and run your project. You can read [this](https://docs.fusetools.com/basics/faq.html#how-to-report-a-bug) section to understand how to post a bug report. Without data, it is hard to tell where is the problem.
---
Damn it… ok so here we are:
MainView.ux:
```auto
```
cryptos.ux
```auto
```
cryptos.js
```auto
var Bundle = require("FuseJS/Bundle");
var Observable = require("FuseJS/Observable");
var visibleSlider = Observable();
var valueSlider = Observable();
var colorSlider = Observable();
visibleSlider.value = "Collapsed";
valueSlider.value = 0;
/ ************* /
/* Functions */
/ ************* /
function update(){
visibleSlider.value = "Collapsed";
valueSlider.value = 0;
colorSlider.value = "#22b8f1";
console.log("Running update");
var ROOT_URL = "http://jsonplaceholder.typicode.com/users";
//https://reqres.in/api/users
fetch(ROOT_URL)
.then(function(response){
if (response.status !== 200){
console.log('Looks like there was a problem. Status Code: ' + response.status);
return;
}
visibleSlider.value = "Visible";
console.log("We retrieved content");
//Parse the response
response.json().then(function(data){
//data = '{"result":[{\"user\":\"ADA\",\"Interest\":0.00000000,\"Available\":0.00000000,\"discussion\":0.00000000,\"UserAddress\":null},{\"user\":\"ARDR\",\"Interest\":1934.42475105,\"Available\":1934.42475105,\"discussion\":0.00000000,\"UserAddress\":null}]}';
data.forEach(function(element){
console.log("Parsing");
//If we have a balance for this cryptocurrencie we push it to the stack
if(element.Interest !== 0){
updateValue(element);
}
})
})
})
.catch(function(err){
console.log('Fetch error: ' . err);
});
}
//Update value for a particular cryptocurrency
function updateValue(data){
if(data.user == "BTC"){
valueSlider.value = valueSlider.value + 1;
}else if(data.user === "UDT"){
//Do nothing
}else{
var ROOT_URL = 'http://jsonplaceholder.typicode.com/users'
var encodedHeaders = {"Content-type" : "application/json"};
var myInit = {
method: 'GET'
};
fetch(ROOT_URL, myInit)
.then(function(response){
if (response.status !== 200){
console.log('Looks like there was a problem. Status Code: ' + response.status);
return;
}
console.log("one by one");
//Parse the response
response.json().then(function(data2){
valueSlider.value = valueSlider.value + 1;
console.log("Value slider: " + valueSlider.value);
if(valueSlider.value == 10){
//Let's collapse
visibleSlider.value = "Collapsed";
console.log("We collapsed the slider");
}
})
})
.catch(function(err){
console.log('Fetch error: ' . err);
})
}
}
module.exports = {
visibleSlider: visibleSlider,
valueSlider: valueSlider,
colorSlider: colorSlider,
update: update
};
```
Why the name crypto ? cause that my current topic of interest 🙂
anyway, behavior on Android:
```auto
Building Android appLaunching activity 'Test'
[D6653]: Running update
[D6653]: We retrieved content
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: Parsing
[D6653]: one by one
[D6653]: Value slider: 1
[D6653]: one by one
[D6653]: Value slider: 2
[D6653]: one by one
[D6653]: Value slider: 3
[D6653]: one by one
[D6653]: Value slider: 4
[D6653]: one by one
[D6653]: Value slider: 5
[D6653]: one by one
[D6653]: Value slider: 6
[D6653]: one by one
[D6653]: Value slider: 7
[D6653]: one by one
[D6653]: Value slider: 8
[D6653]: one by one
[D6653]: Value slider: 2.995
[D6653]: one by one
[D6653]: Value slider: 3.995
```
Behavior on simulator:
```auto
[Viewport]: Running update
[Viewport]: We retrieved content
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: Parsing
[Viewport]: one by one
[Viewport]: Value slider: 1
[Viewport]: one by one
[Viewport]: Value slider: 2
[Viewport]: one by one
[Viewport]: Value slider: 3
[Viewport]: one by one
[Viewport]: Value slider: 4
[Viewport]: one by one
[Viewport]: Value slider: 5
[Viewport]: one by one
[Viewport]: Value slider: 6
[Viewport]: one by one
[Viewport]: Value slider: 7
[Viewport]: one by one
[Viewport]: Value slider: 8
[Viewport]: one by one
[Viewport]: Value slider: 9
[Viewport]: one by one
[Viewport]: Value slider: 10
[Viewport]: We collapsed the slider
```
---