JSFiddle - React, Tailwind, and code Playground

by mauro_nappolini

HTML

<script data-info="hacks-body" >


    $(document).ready(function() {
        let noOfAssessments = 0;
        let currency = 'usd';
        let userType = "aqme";
        let isAssessmentLite = true;

        const currencyMap = {
            ['gbp']: {
                sign: "£",
                cost: [30, 35, 40, 45, 50],
                liteCost: 13,
            },
            ['usd']: {
                sign: "$",
                cost: [39, 46, 52, 60, 65],
                liteCost: 17,
            },

            ['eur']: {
                sign: "€",
                cost: [32, 37, 43, 48, 54],
                liteCost: 14,
            },
        };
        
        function updatePricingTable() {
        
        const liteCost = currencyMap[currency].liteCost;
        
           $('#row-one-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-two-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-three-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-four-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-five-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-one-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[4]);
           $('#row-two-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[3]);
           $('#row-three-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[2]);
           $('#row-four-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[1]);
           $('#row-five-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[0]);
      
        }

        function calculatePrice() {
            let index;
            if (noOfAssessments >= 2000) {
                index = 0;
            } else if (noOfAssessments >= 500) {
                index = 1;
            } else if (noOfAssessments >= 100) {
                index = 2;
...

JavaScript

<script data-info="hacks-body" >


    $(document).ready(function() {
        let noOfAssessments = 0;
        let currency = 'usd';
        let userType = "aqme";
        let isAssessmentLite = true;

        const currencyMap = {
            ['gbp']: {
                sign: "£",
                cost: [30, 35, 40, 45, 50],
                liteCost: 13,
            },
            ['usd']: {
                sign: "$",
                cost: [39, 46, 52, 60, 65],
                liteCost: 17,
            },

            ['eur']: {
                sign: "€",
                cost: [32, 37, 43, 48, 54],
                liteCost: 14,
            },
        };
        
        function updatePricingTable() {
        
        const liteCost = currencyMap[currency].liteCost;
        
           $('#row-one-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-two-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-three-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-four-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-five-column-two').text(currencyMap[currency].sign+liteCost);
           $('#row-one-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[4]);
           $('#row-two-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[3]);
           $('#row-three-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[2]);
           $('#row-four-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[1]);
           $('#row-five-column-three').text(currencyMap[currency].sign+currencyMap[currency].cost[0]);
      
        }

        function calculatePrice() {
            let index;
            if (noOfAssessments >= 2000) {
                index = 0;
            } else if (noOfAssessments >= 500) {
                index = 1;
            } else if (noOfAssessments >= 100) {
                index = 2;
...