I’m trying to display pricing plans using currency converted data from the backend file. The conversion works fine and the data is successfully being pushed through to the front end (as shown in the debug console) but I just cannot get it to display in the element #EndPersonalPrice
Debug Console:
plan1_price:
“£2.22”
plan2_price:
“£6.66”
Front End (Page Code):
import { getExchange, getPlans } from ‘backend/YDF-Plans-API’ ;
import wixWindow from ‘wix-window’ ;
export function currencySelection_change(event) {
getPlans($w( ‘#currencySelection’ ).value).then((res) => {
console.log(res);
res = JSON.parse(res);
var plan1PriceShow = res.plan1_price.toString();
$w( “#EndPersonalPrice” ).text = plan1PriceShow;
})
}
Back End ( backend/YDF-Plans-API ):
import { fetch } from ‘wix-fetch’ ;
var P1 = “4.00” ;
var P2 = “12.00” ;
var P3 = “5.00” ;
export async function getExchange(userCurrency){
let res = await fetch( “currencyURLgoeshere” )
res = await res.text();
return res
}
export async function getPlans(userCurrency){
getExchange(userCurrency);
getExchange(userCurrency).then((res) => {
console.log(res);
res = JSON.parse(res);
var changeCurrency = userCurrency;
if (changeCurrency === “USD” ) { var exchangeRateOfTheDay = res.rates.USD.toString(); var setRateSymbol = “$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “CAD” ) { var exchangeRateOfTheDay = res.rates.CAD.toString(); var setRateSymbol = “$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “HKD” ) { var exchangeRateOfTheDay = res.rates.HKD.toString(); var setRateSymbol = “$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “ISK” ) { var exchangeRateOfTheDay = res.rates.ISK.toString(); var setRateSymbol = "kr " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “PHP” ) { var exchangeRateOfTheDay = res.rates.PHP.toString(); var setRateSymbol = “₱” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “DKK” ) { var exchangeRateOfTheDay = res.rates.DKK.toString(); var setRateSymbol = "kr " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “HUF” ) { var exchangeRateOfTheDay = res.rates.HUF.toString(); var setRateSymbol = "Ft " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “CZK” ) { var exchangeRateOfTheDay = res.rates.CZK.toString(); var setRateSymbol = "kr " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “GBP” ) { var exchangeRateOfTheDay = res.rates.GBP.toString(); var setRateSymbol = “£” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “RON” ) { var exchangeRateOfTheDay = res.rates.RON.toString(); var setRateSymbol = "lei " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “SEK” ) { var exchangeRateOfTheDay = res.rates.SEK.toString(); var setRateSymbol = "kr " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “IDR” ) { var exchangeRateOfTheDay = res.rates.IDR.toString(); var setRateSymbol = "Rp " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “INR” ) { var exchangeRateOfTheDay = res.rates.INR.toString(); var setRateSymbol = “₹” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “BRL” ) { var exchangeRateOfTheDay = res.rates.BRL.toString(); var setRateSymbol = “R$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “RUB” ) { var exchangeRateOfTheDay = res.rates.RUB.toString(); var setRateSymbol = “₽” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “HRK” ) { var exchangeRateOfTheDay = res.rates.HRK.toString(); var setRateSymbol = "kn " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “JPY” ) { var exchangeRateOfTheDay = res.rates.JPY.toString(); var setRateSymbol = “¥” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “THB” ) { var exchangeRateOfTheDay = res.rates.THB.toString(); var setRateSymbol = “฿” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “CHF” ) { var exchangeRateOfTheDay = res.rates.CHF.toString(); var setRateSymbol = “” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “EUR” ) { var exchangeRateOfTheDay = res.rates.EUR.toString(); var setRateSymbol = “€” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “MYR” ) { var exchangeRateOfTheDay = res.rates.MYR.toString(); var setRateSymbol = "RM " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “BGN” ) { var exchangeRateOfTheDay = res.rates.BGN.toString(); var setRateSymbol = “Лв” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “TRY” ) { var exchangeRateOfTheDay = res.rates.TRY.toString(); var setRateSymbol = “₺” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “CNY” ) { var exchangeRateOfTheDay = res.rates.CNY.toString(); var setRateSymbol = “¥” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “NOK” ) { var exchangeRateOfTheDay = res.rates.NOK.toString(); var setRateSymbol = "kr " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “NZD” ) { var exchangeRateOfTheDay = res.rates.NZD.toString(); var setRateSymbol = “$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “ZAR” ) { var exchangeRateOfTheDay = res.rates.ZAR.toString(); var setRateSymbol = "R " ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “MXN” ) { var exchangeRateOfTheDay = res.rates.MXN.toString(); var setRateSymbol = “$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “SGD” ) { var exchangeRateOfTheDay = res.rates.SGD.toString(); var setRateSymbol = “$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “AUD” ) { var exchangeRateOfTheDay = res.rates.AUD.toString(); var setRateSymbol = “$” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “ILS” ) { var exchangeRateOfTheDay = res.rates.ILS.toString(); var setRateSymbol = “₪” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “KRW” ) { var exchangeRateOfTheDay = res.rates.KRW.toString(); var setRateSymbol = “₩” ; var setDecimalPlaces = “2” ;}
else if (changeCurrency === “PLN” ) { var exchangeRateOfTheDay = res.rates.PLN.toString(); var setRateSymbol = “zł” ; var setDecimalPlaces = “2” ;}
var convertP1 = (P1 * exchangeRateOfTheDay).toFixed(setDecimalPlaces);
var convertP2 = (P2 * exchangeRateOfTheDay).toFixed(setDecimalPlaces);
var convertP3 = (P3 * exchangeRateOfTheDay).toFixed(setDecimalPlaces);
let pushP1 = (setRateSymbol + convertP1).toString();
let pushP2 = (setRateSymbol + convertP2).toString();
let pushP3 = (setRateSymbol + convertP3).toString();
console.log({plan1_price:pushP1,plan2_price:pushP2});
})
}