<?php
// Especificamos en una variable que contenga la URL
$apiUrl = 'https://findic.cl/api';

// Si tenemos habilitadd allow_url_fopen, consultamos con file_get_contents
if ( ini_get('allow_url_fopen') ) {
    $json = file_get_contents($apiUrl);
} else {
    // De otra forma utilizamos cURL
    $curl = curl_init($apiUrl);
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    $json = curl_exec($curl);
    curl_close($curl);
}
// Decodificamos el JSON y lo transfoemamos en objeto
$dailyIndicators = json_decode($json);
// Imprimimos el dato de la UF
echo 'El valor actual de la UF es $' . $dailyIndicators->uf->valor;
?>

// Con fetch realizamos la consulta a la URL especificada
fetch("https://findic.cl/api/",{
  // Content-Type para especificar que recibiremos un objeto JSON
  // Access-Control-Allow-Origin para habilitar CORS (Habilitar el origen cruzado de consultas)
  headers: {
      "Content-Type": "application/json",
      "Access-Control-Allow-Origin": "*"
  },
  // El método de solicitur que realizaremos (un GET)
  method: "GET"})
// Obtenemos el json de la respuesta
.then((response) => response.json())
// y lo utilizamos acá (el json)
.then((data) => {
  // Obtenemos el elemento de nuestro HTML que contenga el ID "UF" (por ejemplo <div id="UF"></div>)
  // y le asignamos el valor del UF
  document.getElementById("UF").innerHTML = data.uf.valor;
})
.catch((err) => console.log(err));