const plazos = 3 //Cambiar por el número de plazos
const selectores = document.querySelectorAll('.cfvsw-swatches-option')//Selectores Variaciones
const contenedorCuota = document.querySelector('#shortcode-112-74')//Localizado Shortcode
const valInicial = contenedorCuota.children[0].innerText //Valor cuota inicial
const btnReset = document.querySelector('.reset_variations')//Boton Limpiar
const contenedorPrecio = document.querySelectorAll('#-product-price-53-74')//Contenedor Precio Principal
function formateaCuota(cadena) {
let numero=cadena.toString();
let regex=/(\d*.\d{0,2})/;
numero = numero.match(regex)[0];
let partes = numero.toString().split(".");
partes[0] = partes[0].replace(/\B(?=(\d{3})+(?!\d))/g, ".");
numero = partes.join(".");
regex = /\.(?=[^.]*$)/;
if (numero.split('.').length > 2) return numero.replace(regex, ',');
return numero
}
function tomaPrecio(){
if(contenedorPrecio[0].children[0].outerText=="")
return valInicial
precioActual = contenedorPrecio[0].children[0].children[0].children[1].outerText //Valor Precio Principal
precioActual=(precioActual.replace(".", "").replace(",", ".").replace("$", ""))*1
precioActual =formateaCuota(precioActual/plazos)
return precioActual = '$'+precioActual
}
muestraCuota = ()=>{
contenedorCuota.children[0].innerText= tomaPrecio()
}
btnReset.addEventListener('click', () =>{
contenedorCuota.children[0].innerText= valInicial
})
selectores.forEach((selector)=>{
selector.addEventListener('click', ()=>{
setTimeout(muestraCuota, 700);
})
})