Suponiendo que la data la trae de forma correcta, simplemente deberías hacer lo siguiente
$.getJSON('https://mindicador.cl/api', data => {
const indicador = data;
$("<p/>", {
html:`<h1>Indicador Economico</h1> <p>Valor UF = ${Intl.NumberFormat('de-DE', {maximumSignificantDigits: 3}).format(indicador.uf.valor)}<p/> <p>Valor Euro = ${indicador.euro.valor}<p/> <p>Valor Dolar = ${(indicador.dolar.valor).toFixed(2).replace(".", ",")}<p/>`
}).appendTo("body");
}).fail(() => console.log('Error al consumir la API'););
Corregí un poco la forma en que concatenas los elementos del DOM, ya que si estas utilizando JavaScript (EcmaScript 6), puedes usar la característica de Template String; además faltaban aperturas y cierres de los tags p
.
Para el dólar simplemente deberías usar un replace para cambiar los puntos por comas, y un toFixed para indicar el número de decimales que quieres mostrar; y para la UF, la opción es usar Intl.NumberFormat donde le indicas el idioma, y un maximumSignificantDigits
para desplegar los decimales.
Te dejo un ejemplo más practico para que veas su funcionalidad
$(document).ready(() => {
let number = [724.37, 28065.35]
console.log(`Dolar: ${(number[0].toFixed(2).replace('.', ','))} | UF: ${Intl.NumberFormat('de-DE', {maximumSignificantDigits: 3}).format(number[1])}`)
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
Aclarar que acá no estas convirtiendo un JSON a string, sino simplemente concatenando valores y mostrándolos
Nos comentas si te sirvió :)