dom-currency-converter.js

document.addEventListener('DOMContentLoaded', function() {
    let usd_to_aed_value = 0;
    function readFile(filePath) {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', filePath, true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                const fileData = xhr.responseText;
                // Do something with the file data here
                console.log("Today 1USD is equal to " + fileData + "AED" ); //usd_to_aed_value = fileData;
                usd_to_aed_value = fileData;

                // Get all the <span> elements with the class "price-currency"
                /*let priceCurrencyElements = document.querySelectorAll('.price-currency');
                priceCurrencyElements.forEach((element) => {
                    element.textContent = 'AED';
                });
                // Loop through each span element and get its value
                let priceAmountElements = document.querySelectorAll('.price-amount');
                priceAmountElements.forEach((priceElement) => {
                    let currentValue = parseFloat(priceElement.textContent.trim());
                    let newValue = currentValue * usd_to_aed_value;
                    priceElement.textContent = newValue.toFixed(2);
                });*/

                // Get all the elements with the class "normal-price"
                const normalPrices = document.querySelectorAll('.normal-price');
                if (normalPrices) {
                    // Loop through each normal price element
                    normalPrices.forEach(normalPrice => {
                        // Get the price-currency and price-amount elements for this normal price
                        let currency = normalPrice.querySelector('.price-currency');
                        let amount = normalPrice.querySelector('.price-amount');
                        if (currency && amount) {
                            if (currency.textContent === 'USD') {
                                currency.textContent = 'AED';
                                // Remove the comma separator from the string
                                let amountParse = parseFloat(amount.textContent.replace(/,/g, ''));
                                amount.textContent = (amountParse * usd_to_aed_value).toFixed(2);
                            } else if (currency.textContent === 'AED') {
                                console.log('Currency is Already in AED. No need to convert.');
                            }
                            else {
                                console.log('Invalid currency symbol or currency is not in USD or AED');
                            }
                        } else {
                            console.log('.price-currency and .price-amount HTML elements are not exists, Unable to convert amount!');
                        }
                    });
                    console.log('usd_to_aed_value', usd_to_aed_value);
                } else {
                    console.log('.normal-price HTML elements are not exists, Unable to convert amount!');
                }
            }
        };
        xhr.send();
    }

    // openexchangeratesorg_data variable is in /* <![CDATA[]]> */ view page source
    const openexchangeratesorgAedFilePath = openexchangeratesorg_data.openexchangeratesorg_aed_file_path;
    readFile(openexchangeratesorgAedFilePath);


    /**
     * Interval with 3s is required
     * because of ajax pagination and room loads
     *
     */
    // Trigger the readFile() function every 3 seconds
    setInterval(function() {
        console.log('DOM Currency Converter Interval.');
        readFile(openexchangeratesorgAedFilePath);
    }, 3000);
});