JSFiddle - React, Tailwind, and code Playground

by tjnicolaides

HTML

<div class="penny coin money" data-amount="0.01"></div>

<div class="nickel coin money" data-amount="0.05"></div>

<div class="quarter coin money" data-amount="0.25"></div>

<div class="dollar paper money" data-amount="1.00"></div>

CSS

.money {
    display: block; 
    width: 75px; height: 75px;
    float: left;
    margin: 10px;
}

.coin {
    background: grey;
}

.paper {
    background: green;
}

JavaScript

$(document).ready(function(){
    $('.money').on('click', function(){
        
        var amount = $(this).attr('data-amount');
        
        console.log(amount);
        
        var doubleAmount = amount * 2;
        
        console.log(doubleAmount);
        
    });
});