JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="http://angularlight.org/bin/alight_0.10.last.min.js"></script>
<div al-app="settings">
    <span>{{calc(100)}} {{currency}}</span>
    <span>{{calc(500)}} {{currency}}</span>
    <button al-click="currency='EUR'">Recalcula in EUR</button>
    <button al-click="currency='RUB'">Recalcula in RUB</button>
</div>

JavaScript

function settings(scope) {
    var currencyCoefficients = {
        'USD': 1,
        'EUR': 1.1,
        'RUB': 65
    };
    
    scope.currency = 'USD';
    scope.calc = function(value) {
        return Math.floor( value * currencyCoefficients[scope.currency] );
    }
}