body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; color: #333; margin: 0; padding: 20px; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; } .container { background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); width: 100%; max-width: 900px; } h1 { color: #2c3e50; text-align: center; margin-bottom: 10px; } #timestamp { text-align: center; color: #7f8c8d; margin-bottom: 25px; font-size: 0.9em; } .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; } .dollar-card { background-color: #ecf0f1; border: 1px solid #bdc3c7; border-radius: 8px; padding: 20px; transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .dollar-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); } .dollar-card h2 { color: #3498db; margin-top: 0; margin-bottom: 15px; font-size: 1.4em; border-bottom: 2px solid #3498db; padding-bottom: 8px; } .dollar-card .price { font-size: 1.2em; font-weight: bold; color: #2ecc71; /* Verde para precios */ margin: 8px 0; } .dollar-card .price span { color: #27ae60; } .dollar-card .source, .dollar-card .note { font-size: 0.8em; color: #555; margin-top: 10px; font-style: italic; } .dollar-card .note { font-size: 0.75em; color: #e74c3c; /* Rojo para notas importantes */ } .api-info { text-align: center; margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; font-size: 0.85em; color: #7f8c8d; } /* Colores específicos para algunos dólares para diferenciarlos visualmente (opcional) */ #dolar-blue h2 { color: #2980b9; /* Un azul más oscuro para el Blue */ border-bottom-color: #2980b9; } #dolar-tarjeta h2 { color: #e67e22; /* Naranja para Tarjeta */ border-bottom-color: #e67e22; } /* Responsive adjustments */ @media (max-width: 600px) { .container { padding: 15px; } h1 { font-size: 1.8em; } .dollar-card { padding: 15px; } .dollar-card h2 { font-size: 1.2em; } .dollar-card .price { font-size: 1em; } }

Cotización del Dólar en Argentina

Actualizando...

Dólar Oficial

Compra: Cargando...

Venta: Cargando...

Fuente: Promedio Bancos / BNA

Dólar Blue

Compra: Cargando...

Venta: Cargando...

Fuente: Mercado Informal

Dólar MEP

Valor: Cargando...

Fuente: Mercado Bursátil (AL30/GD30)

Dólar CCL

Valor: Cargando...

Fuente: Mercado Bursátil (Cedears/Acciones)

Dólar Tarjeta / Turista

Venta: Cargando...

Fuente: Oficial + Impuestos (PAIS 30% + Percep. Ganancias 30%)

(Impuestos pueden variar según normativa vigente)

Dólar Mayorista

Compra: Cargando...

Venta: Cargando...

Fuente: Mercado Interbancario (BCRA)

Los datos son obtenidos de APIs públicas y pueden tener demoras o variar según la fuente.

Última actualización de datos: Nunca

<sc document.addEventListener('DOMContentLoaded', () => { const API_URL_DOLARSI = 'https://www.dolarsi.com/api/api.php?type=valoresprincipales'; // const API_URL_BLUELYTICS = 'https://api.bluelytics.com.ar/v2/latest'; // Alternativa o complemento const oficialCompraElem = document.getElementById('oficial-compra'); const oficialVentaElem = document.getElementById('oficial-venta'); const blueCompraElem = document.getElementById('blue-compra'); const blueVentaElem = document.getElementById('blue-venta'); const mepValorElem = document.getElementById('mep-valor'); const cclValorElem = document.getElementById('ccl-valor'); const tarjetaVentaElem = document.getElementById('tarjeta-venta'); const mayoristaCompraElem = document.getElementById('mayorista-compra'); const mayoristaVentaElem = document.getElementById('mayorista-venta'); const timestampElem = document.getElementById('timestamp'); const lastApiUpdateElem = document.getElementById('last-api-update'); function formatPrice(price) { if (price === null || price === undefined || price.toLowerCase() === 'no cotiza') { return 'No cotiza'; } const number = parseFloat(price.replace(',', '.')); if (isNaN(number)) { return price; // Devuelve el original si no se puede parsear } return `$${number.toFixed(2)}`; } function calculateTarjeta(oficialVenta) { const oficial = parseFloat(oficialVenta.replace('$', '').replace(',', '.')); if (isNaN(oficial)) return 'Error'; // Los porcentajes pueden cambiar, estos son ejemplos comunes. const impuestoPAIS = 0.30; // 30% const percepcionGanancias = 0.30; // 30% (Este valor ha variado mucho) const totalTarjeta = oficial * (1 + impuestoPAIS + percepcionGanancias); return `$${totalTarjeta.toFixed(2)}`; } async function fetchDollarRates() { timestampElem.textContent = `Actualizando datos... ${new Date().toLocaleTimeString()}`; try { const response = await fetch(API_URL_DOLARSI); if (!response.ok) { throw new Error(`Error de red o API: ${response.status}`); } const data = await response.json(); // Dolar Oficial const oficial = data.find(d => d.casa.nombre.toLowerCase().includes('oficial') || d.casa.nombre.toLowerCase().includes('banco nación')); if (oficial) { oficialCompraElem.textContent = formatPrice(oficial.casa.compra); oficialVentaElem.textContent = formatPrice(oficial.casa.venta); // Calcular Dólar Tarjeta basado en el oficial venta if (oficial.casa.venta !== 'No Cotiza') { tarjetaVentaElem.textContent = calculateTarjeta(oficial.casa.venta); } else { tarjetaVentaElem.textContent = 'No disponible'; } } else { oficialCompraElem.textContent = 'No disponible'; oficialVentaElem.textContent = 'No disponible'; tarjetaVentaElem.textContent = 'No disponible'; } // Dolar Blue const blue = data.find(d => d.casa.nombre.toLowerCase().includes('blue')); if (blue) { blueCompraElem.textContent = formatPrice(blue.casa.compra); blueVentaElem.textContent = formatPrice(blue.casa.venta); } else { blueCompraElem.textContent = 'No disponible'; blueVentaElem.textContent = 'No disponible'; } // Dolar MEP (Bolsa) // La API de Dolarsi puede tenerlo como "Dolar Bolsa" o similar. // A veces no lo desglosa bien y es mejor usar otra API o ajustar el nombre. const mep = data.find(d => d.casa.nombre.toLowerCase().includes('bolsa') || d.casa.nombre.toLowerCase().includes('mep')); if (mep) { // MEP usualmente se informa como un único valor o el de venta. mepValorElem.textContent = formatPrice(mep.casa.venta); } else { mepValorElem.textContent = 'No disponible'; } // Intento específico para MEP si no se encuentra con "bolsa" const mepEspecifico = data.find(d => d.casa.nombre.toLowerCase() === 'dolar mep'); if (mepEspecifico) { mepValorElem.textContent = formatPrice(mepEspecifico.casa.venta); } // Dolar CCL (Contado con Liqui) const ccl = data.find(d => d.casa.nombre.toLowerCase().includes('contado con liqui') || d.casa.nombre.toLowerCase().includes('ccl')); if (ccl) { // CCL usualmente se informa como un único valor o el de venta. cclValorElem.textContent = formatPrice(ccl.casa.venta); } else { cclValorElem.textContent = 'No disponible'; } // Dolar Mayorista // A veces se llama "Mayorista" o "Interbancario" const mayorista = data.find(d => d.casa.nombre.toLowerCase().includes('mayorista')); if (mayorista) { mayoristaCompraElem.textContent = formatPrice(mayorista.casa.compra); mayoristaVentaElem.textContent = formatPrice(mayorista.casa.venta); } else { mayoristaCompraElem.textContent = 'No disponible'; mayoristaVentaElem.textContent = 'No disponible'; } lastApiUpdateElem.textContent = new Date().toLocaleString(); } catch (error) { console.error('Error al obtener las cotizaciones:', error); [oficialCompraElem, oficialVentaElem, blueCompraElem, blueVentaElem, mepValorElem, cclValorElem, tarjetaVentaElem, mayoristaCompraElem, mayoristaVentaElem].forEach(el => { if(el) el.textContent = 'Error al cargar'; }); lastApiUpdateElem.textContent = `Error - ${new Date().toLocaleString()}`; } } // Carga inicial y actualización periódica fetchDollarRates(); setInterval(fetchDollarRates, 5 * 60 * 1000); // Actualizar cada 5 minutos });

Actualemente no hay publicaciones en esta categoría.