Prueba del siguiente modo:
- Con una estructura condicional simple:
if/else
verificas si el valor que tieneresponse
es igual aundefined
, en caso afirmativo mandas a la vista un mensaje al respecto - En el bloque de
else
asignas el valor que se obtuvo deresponse
a una variable que previamente ya fue declarada - Aparte pudieras agregar en tu encadenamiento el uso de
catch
para manejar un eventual error que se pudiera llegar a presentar al momento de la petición, es decir si dicha petición presenta un fallo y la promesa devuelverejected
Código
<span id="precio"></span>
<script>
function api(){
fetch('https://petroapp-price.petro.gob.ve/price/', {
method: 'POST',
body: JSON.stringify({"coins": ["PTR"],"fiats" : ["BS"]}),
headers:{ 'Content-Type': 'application/json' }
})
.then(function(response){return response.json();})
.then(response => {
let valor = 0
if(response === undefined) {
document.getElementById('precio').innerHTML = "Pendiente obtener valor"
} else {
valor = parseFloat(response.data.PTR.BS).toFixed(2)
document.getElementById('precio').innerHTML = valor;
console.log(valor)
}
}).catch((error) => {
document.getElementById('precio').innerHTML = error.message
});
}
api();
</script>