JSFiddle - React, Tailwind, and code Playground

by Kai

HTML

<input id="pay" type="text" />
<div id="summary"></div>

JavaScript

function calculateWages (hourly_pay, hours_per_week, tax_percent) {
    hourly_pay = hourly_pay || 30;
    hours_per_week = hours_per_week || 35;
    tax_percent = tax_percent || 30;
    
    var gross = hourly_pay * hours_per_week * 52,
        net = gross - (gross * (tax_percent / 100));
    
    return {
        gross: gross,
        net: net 
    };
}

$('#pay').bind('keyup', function () {
    var hourly = parseInt($(this).val(), 10);
        pay = calculateWages(hourly);
    $("#summary").html("$" + pay.gross + " gross<br>$" + pay.net + " net");
});