Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<span class="price" data-value="100" data-currency="usd"></span>
<span class="price" data-value="200" data-currency="rub"></span>
<span class="price" data-value="300" data-currency="eur"></span>
<span class="price" data-value="400" data-currency="usd"></span>
<span class="price" data-value="500" data-currency="usd"></span>
</body>
</html>
 
// currency
​
var rate = {
    usd: 1,
    eur: 0.9,
    rub: 65
};
​
var forEach = Array.prototype.forEach;
​
function showPrice(el) {
    var currency = el.dataset.currency.toLowerCase();
    var price = el.dataset.value * rate[currency];
    el.innerHTML = price.toLocaleString() + ' ' + currency.toUpperCase();
}
​
document.addEventListener('DOMContentLoaded', function() {
    forEach.call(document.querySelectorAll('.price'), showPrice)});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x