consultar el dólar BCV con JavaScript
Si estás desarrollando una aplicación web para Venezuela y necesitas consultar automáticamente la tasa del dólar del Banco Central de Venezuela (BCV), una API JSON permite hacerlo sin tener que extraer el dato directamente de una página HTML.
En este tutorial veremos cómo consultar la tasa del dólar BCV desde JavaScript utilizando fetch() y la API pública de datos de Crom Studio.
La API del dólar BCV
El endpoint principal es:
https://datos.cromstudio.com.ve/tasa
La respuesta tiene formato JSON.
Por ejemplo:
{
"fuente": "BCV_DB",
"fecha_valor": "Lunes, 05 Octubre 2026",
"tasas": {
"USD": 871.3689,
"EUR": 981.17880877
},
"actualizado_el": "2026-10-03T08:05:04.620451-04:00"
}
La tasa del dólar se encuentra en:
tasas.USD
Es importante tener en cuenta que los valores de ejemplo cambian diariamente. El programa debe consultar el endpoint cuando necesite obtener la información actual.
Consultar la API con fetch()
JavaScript incluye fetch() para realizar peticiones HTTP desde el navegador.
Un ejemplo sencillo es:
async function obtenerTasaBCV() {
const response = await fetch(
"https://datos.cromstudio.com.ve/tasa"
);
if (!response.ok) {
throw new Error(`Error HTTP: ${response.status}`);
}
const data = await response.json();
return data.tasas.USD;
}
obtenerTasaBCV()
.then(tasa => {
console.log("Tasa BCV:", tasa);
})
.catch(error => {
console.error("No se pudo obtener la tasa:", error);
});
La función realiza cuatro pasos:
- Envía una petición HTTP.
- Comprueba la respuesta.
- Convierte el contenido a JSON.
- Obtiene
data.tasas.USD.
Mostrar la tasa en una página web
Podemos combinar la API con HTML.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Tasa del dólar BCV</title>
</head>
<body>
<h1>Tasa del dólar BCV</h1>
<p id="tasa">Consultando...</p>
<script>
async function cargarTasa() {
const elemento = document.getElementById("tasa");
try {
const response = await fetch(
"https://datos.cromstudio.com.ve/tasa"
);
if (!response.ok) {
throw new Error("Error al consultar la API");
}
const data = await response.json();
elemento.textContent =
`1 USD = ${data.tasas.USD} VES`;
} catch (error) {
elemento.textContent =
"No se pudo consultar la tasa.";
}
}
cargarTasa();
</script>
</body>
</html>
El resultado será similar a:
Tasa del dólar BCV
1 USD = 871.3689 VES
El número cambiará cuando cambie la información disponible en la API.
Obtener también la fecha
La respuesta incluye información adicional.
const fecha = data.fecha_valor;
const actualizado = data.actualizado_el;
console.log("Fecha del valor:", fecha);
console.log("Actualizado:", actualizado);
Esto puede ser útil cuando una aplicación necesita mostrar al usuario cuándo corresponde la tasa consultada.
¿Por qué utilizar JSON?
Una alternativa consiste en intentar extraer el valor directamente de una página web mediante scraping.
Una API es diferente: la aplicación recibe una estructura de datos diseñada para ser procesada por software.
En este caso:
API
↓
JSON
↓
JavaScript
↓
Aplicación
El desarrollador no necesita localizar visualmente el valor dentro de HTML.
Crear una función reutilizable
En una aplicación real conviene encapsular la consulta:
async function getBCVDollarRate() {
const response = await fetch(
"https://datos.cromstudio.com.ve/tasa"
);
if (!response.ok) {
throw new Error("BCV API request failed");
}
const data = await response.json();
if (
!data.tasas ||
typeof data.tasas.USD !== "number"
) {
throw new Error("Invalid API response");
}
return data.tasas.USD;
}
Después podemos utilizarla desde cualquier parte de la aplicación:
const tasa = await getBCVDollarRate();
console.log(tasa);
Crear una calculadora sencilla
La misma API puede utilizarse para convertir dólares a bolívares:
async function convertirDolares() {
const dolares = 100;
const response = await fetch(
"https://datos.cromstudio.com.ve/tasa"
);
const data = await response.json();
const tasa = data.tasas.USD;
const bolivares = dolares * tasa;
console.log(
`${dolares} USD = ${bolivares.toFixed(2)} VES`
);
}
convertirDolares();
Manejar errores
Las APIs externas pueden presentar errores de red, respuestas HTTP inesperadas o datos que no coincidan con lo esperado.
Por eso es recomendable utilizar:
try {
// petición
} catch (error) {
// manejar error
}
También es conveniente comprobar:
response.ok
antes de procesar el JSON.
Consultar el dólar BCV desde JavaScript puede reducirse a una petición HTTP, convertir la respuesta a JSON y acceder al campo tasas.USD.
El endpoint utilizado en este tutorial es:
https://datos.cromstudio.com.ve/tasa
Con esta estructura puedes crear calculadoras, dashboards, sistemas de precios, tiendas online, herramientas administrativas y otras aplicaciones que necesiten incorporar la tasa BCV.
La API de datos de Crom Studio proporciona el valor en formato JSON para que pueda ser consumido directamente por aplicaciones JavaScript y otros lenguajes de programación.
Top comments (0)